首页 > 代码库 > Animate.css
Animate.css
使用过几次Animate.css,现在来记录一下用法,方便以后直接使用
首先是官网地址 :https://daneden.github.io/animate.css/
非常好用的CSS库, 只需要引入animate.css
<link rel="stylesheet" href="http://www.mamicode.com/animate.min.css">
并且为添加动画的元素加上类名 animated 以及用JS添加对应动画效果的类名(效果直接在官网上查看)就可以完成元素动效的添加
(同时有两个class才能够实现动画)
一些动画的属性也可以根据需求调整
animate-duration: 1s; //动画持续时间 animate-delay: 1s; //动画延迟时间 animate-iteration-count: 5; //动画执行次数
Animate.css兼容性非常好,大部分浏览器都支持。
项目展示
http://static.yuntongauto.com/yth/meber
Animate.css
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。