animate.jpg

很多网站产品页面都有一个动态效果,当页面向下滚动的时候,页面中的各个元素会加载一些细微的动画。这样做可以让页面载入看起来更具有视觉冲击,并且更好的将用户的视觉焦点引导至页面对应的位置。想要实现这类效果需要利用CSS3中提供的animation属性,让页面元素发生位移变化。当然相对于自己写,有一种更简便的办法,利用现成的样式文件类库就可以轻松实现,并且美观高效;

因为觉得有必要将内容详细整理一下,就将文章内容分成了两篇,分别介绍Animate和wow的使用;这一篇先来整理Animate。

Animate.css是一款利用CSS3中animation创建的,为动画而生的样式库;其中内置了几十种动画效果。通过调用Animate可以非常简单快速的创建页面动画。

- 阅读完整内容 -