看着别人网站,一直往下滚动页面,随着页面滚动不断的出现各种动画效果,觉得真是太漂亮了。
看着别人网站的特效,你是不是也想拥有,其实你也可以实现,并且实现过程还很简单。
使用animate.css和wow.js实现网页前端动画效果操作步骤:
(1)在前端中需要引入animate.min.css,如下所示:
<link rel="stylesheet" href="css/animate.min.css">
(2)在前端中需要引入wow.min.js,如下所示:
<script src="js/wow.min.js"></script>
(3)激活wow.js,在前端中加入以下代码:
<script> new WOW().init(); </script>
(4)给前端中需要动画的页面元素添加wow和animate类;其中wow是必须项,如下所示:
<div class="wow fadeInLeft"> 元素从左往右进入网页 </div> <div class="wow fadeInRight"> 元素从左往右进入网页 </div>
到此,就实现效果了,如果还需要更加特殊的效果,就需要深入去了解学习下了。本文分享只是基础,能带你快速入门。
您已成功复制微信号
leishi010
打开微信添加好友?
确定