Animation effect code without jQuery_javascript skills

However, with the upgrade of the new version, the size has gradually become larger.
24KB, Minified and Gzipped 155KB, Uncompressed Code
Compressed and gzipped to output 24K, it is not small.
If the page For a simple effect, there is no need to load such a large library for a simple animation.
Look at the gradient effect of the picture below. In fact, it can be done in less than 20 lines of pure JS.

<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <style type="text/css"><style type="text/css"> <P>body {padding:0; margin:0;} #main {margin: 50px auto;border: 1px solid #ccc;width:700px} #main img {padding:0 20px; border:none; display:none}</style> <div id="main">body {padding:0; margin:0;} #main {margin: 50px auto;border: 1px solid #ccc;width:700px} #main img {padding:0 20px; border:none; display:none} <img alt="" style="max-width:90%" style="max-width:90%" src="http://www.jb51.net/images/logo.gif"><img alt="" style="max-width:90%" style="max-width:90%" src="http://www.jb51.net/images/logo.gif"> <img alt="" style="max-width:90%" style="max-width:90%" src="http://www.jb51.net/images/logo.gif"> <img alt="" style="max-width:90%" style="max-width:90%" src="http://www.jb51.net/images/logo.gif"> <img alt="" style="max-width:90%" style="max-width:90%" src="http://www.jb51.net/images/logo.gif"> <img alt="" style="max-width:90%" style="max-width:90%" src="http://www.jb51.net/images/logo.gif"> <img alt="" style="max-width:90%" style="max-width:90%" src="http://www.jb51.net/images/logo.gif"> <img alt="" style="max-width:90%" style="max-width:90%" src="http://www.jb51.net/images/logo.gif"> </div>
[Ctrl A select all Note:

If you need to introduce external Js, you need to refresh to execute ]