知识专栏
多方位、多角度、深度解读您所关心的问题

看着别人网站,一直往下滚动页面,随着页面滚动不断的出现各种动画效果,觉得真是太漂亮了。

看着别人网站的特效,你是不是也想拥有,其实你也可以实现,并且实现过程还很简单。

使用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

打开微信添加好友?

确定