Animate.css

 2023-09-05 阅读 343 评论 0

摘要:使用过几次Animate.css,现在来记录一下用法,方便以后直接使用 首先是官网地址 :https://daneden.github.io/animate.css/ 非常好用的CSS库, 只需要引入animate.css <link rel="stylesheet" href="animate.min.css">

使用过几次Animate.css,现在来记录一下用法,方便以后直接使用

首先是官网地址 :https://daneden.github.io/animate.css/

非常好用的CSS库, 只需要引入animate.css

 <link rel="stylesheet" href="animate.min.css">

并且为添加动画的元素加上类名 animated 以及用JS添加对应动画效果的类名(效果直接在官网上查看)就可以完成元素动效的添加

(同时有两个class才能够实现动画)

一些动画的属性也可以根据需求调整

    animate-duration: 1s;    //动画持续时间animate-delay: 1s;    //动画延迟时间animate-iteration-count: 5;    //动画执行次数

 Animate.css兼容性非常好,大部分浏览器都支持。

 项目展示

http://static.yuntongauto.com/yth/meber

关于animation 戳这里

 

 

 

 

 

 

转载于:https://www.cnblogs.com/GoTing/p/7141976.html

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/1/560.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息