jQuery_javascript 기술이 없는 애니메이션 효과 코드

다만 새 버전이 업그레이드되면서 크기가 점점 커졌습니다.
24KB, 축소 및 Gzip 155KB, 무압축 코드
압축 및 gzip하여 24K 출력하니 작지 않습니다.
페이지가 간단한 효과를 내려면 이렇게 큰 라이브러리를 로드할 필요가 없습니다.
아래 그림의 그라데이션 효과를 보면 실제로 20줄 미만으로 가능합니다.

<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">본문 {패딩:0; 여백:0;} #main {여백: 50px 자동;경계: 1px 단색 #ccc;너비:700px} #main img {패딩:0 20px; 테두리:없음} <img src="/static/imghw/default1.png" data-src="http://www.jb51.net/images/logo.gif" class="lazy" alt="" style="max-width:90%" style="max-width:90%"><img src="/static/imghw/default1.png" data-src="http://www.jb51.net/images/logo.gif" class="lazy" alt="" style="max-width:90%" style="max-width:90%"> <img src="/static/imghw/default1.png" data-src="http://www.jb51.net/images/logo.gif" class="lazy" alt="" style="max-width:90%" style="max-width:90%"> <img src="/static/imghw/default1.png" data-src="http://www.jb51.net/images/logo.gif" class="lazy" alt="" style="max-width:90%" style="max-width:90%"> <img src="/static/imghw/default1.png" data-src="http://www.jb51.net/images/logo.gif" class="lazy" alt="" style="max-width:90%" style="max-width:90%"> <img src="/static/imghw/default1.png" data-src="http://www.jb51.net/images/logo.gif" class="lazy" alt="" style="max-width:90%" style="max-width:90%"> <img src="/static/imghw/default1.png" data-src="http://www.jb51.net/images/logo.gif" class="lazy" alt="" style="max-width:90%" style="max-width:90%"> <img src="/static/imghw/default1.png" data-src="http://www.jb51.net/images/logo.gif" class="lazy" alt="" style="max-width:90%" style="max-width:90%"> </div>
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]