采用纯CSS实现各种动画效果 – Animate.css

admin 11年前
     <div class="PostContent">     <p>像淡入/淡出或反弹这些动画几乎无处不在,而且很多JS框架都有提供方便创建这些动画效果的方法,从而能够提供更吸引人的用户体验。</p>     <p>实际上用CSS也能够实现这些动画,利用<a href="/misc/goto?guid=4958194042125578933" target="_blank"><strong>Animate.css</strong></a>就能够简化这些动画效果的创建。</p>     <p>它是一个单一的CSS文件,里面包含了各种用于创建动画的规则如:闪光,弹跳,震动和多个变淡,旋转+反弹。</p>     <p>一种动画就是一个<code>class</code>。由于CSS动画有本地硬件加速,因此运行起来比JS动画更加顺畅。<a href="/misc/goto?guid=4958194042125578933" target="_blank"><img title="Animate.css" border="0" alt="Animate.css" src="https://simg.open-open.com/show/c2c86671125dbdb95ae38608a0aff759.gif" width="480" height="317" /></a></p>    </div>    <div class="PostMeta">     <strong>支持大部分浏览器</strong>     <br />     <strong>项目地址:</strong>     <a href="/misc/goto?guid=4958194042125578933" target="_blank">http://daneden.me/animate/</a>     <br />     <strong>下载:</strong>     <a href="/misc/goto?guid=4958194044253589366" target="_blank">https://github.com/daneden/animate.css</a>    </div>