EyouCms

EyouCms

EyouCms是基于TP5.0框架为核心开发的免费+开源的企业内容管理系统,专注企业建站用户需求 提供海量各行业模板,降低中小企业网站建设、网络营销成本,致力于打造用户舒适的建站体验

css3动画以及动画库animate.css的使用方法

2020-04-08

    css3动画以及动画库animate.css的使用方法,在看用法之前,先看一个例子https://www.tbadc.com/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,防止滚屏


css3动画以及动画库animate.css的使用方法(图1)


Tag:

相关