之前用过一个叫做Animate.css的css3动画库,效果还不错,下面是如何使用:
首先需要下载一个animate.css文件(下面有文件下载)。然后引入头部(head)里,<link rel="stylesheet" type="text/css" href="animate.css" />
接着下载一个wow.js文件(下面有文件下载)。然后引用到底部,<script type="text/javascript" src="wow.js"></script>,一定要再加一行js代码如下:
<script>
new WOW().init();
</script>
然后就可以在body里写效果了。在这儿用a标签做示范:
<a class="wow shake" href="链接地址">链接</a>
解释:只要是想要效果的地方都得用class类,后面值的格式是先写一个wow,然后空格,后面跟的是要显示的效果,效果选择地址:http://daneden.github.io/animate.css/
除了在标签里添加class属性以外,还需要添加data-wow-duration(动画持续时间)和data-wow-delay(动画延迟时间)
祝大家学习快乐...如果觉得有用请分享给死党...