css3動畫以及動畫庫animate.css的使用方法
2020-04-08
css3動畫以及動畫庫animate.css的使用方法,在看用法之前,先看一個例子css3/animate/
查源文件,看下代碼,需要加的JS和animate.css
jquery.min.js animate.min.js animate.min.css 先導入上面3份文件,然后加載下面代碼 <script> $(function(){ //內容加載后的運動效果 dataAnimate(); }); </script>上面是必需要加的,然后在需要加動畫的地方加上下面的代碼。
class="not-animated" data-animate="fadeInUp" data-delay="200"data-animate是動畫效果。最外面一層建議加上overflow:hidden,防止滾屏