济南建站模板

​animate.css3动画库这样用才更好玩

作者:admin 分类:济南建站模板 2017-05-29 09:28:24 我要评论(0)

animate.css是一个css3动画库,里边预设了很多种常用的动画,运用简略,由于它是把不一样的动画写到了不一样的类里,所以咱们想要运用哪种动画的时分,只需要简略的类增加到元素上就行了:

  1、首要引入animatecss文件

  head

  linkrel=stylesheethref=animate.min.css

  /head

  baiducdn:linkhref=http://apps.bdimg.com/libs/animate.css/3.1.0/animate.min.cssrel=stylesheettype=text/css

  2、给指定的元素加上指定的动画款式名

  divclass=animatedbounceOutLeft/div

  这儿包含两个class名,第一个是必须增加的款式名,任何想完成的元素都得增加这个。第二个是指定的动画款式名。比方咱们官方网站头部就引用了这个动画:

  ulclass=animatedbounceInDowm/ul

  

  3、如果说想给某个元素动态增加动画款式,能够经过jquery追加class来完成,相同animated是必带,第二个是动画:

  $(ement).addClass(animatedbounceOutLeft);

  4、你能够更改动画默许继续的时间:animate-duration:1s;动画延迟时间:animate-delay:1s;动画履行次数:animate-iteration-count:1;

  设置完以上的内容这个动画就能够履行了,他的动画作用非常多,详细能够去他的演示网站参阅。

更多济南建站源代码分享就找www.yeptask.com

1.本站文章源自网络,大部分原创内容。如有发现侵权等问题,请联系删除,谢谢。
2.更多原创内容源自济南网站建设公司
        3.济南网站建设公司提供:济南建设济南手机网站制作济南网站开发济南网站优化等服务

相关文章
网友点评

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新留言
    标签列表