码迷,mamicode.com
首页 > 其他好文 > 详细

第三方动画库使用方法

时间:2018-08-23 19:15:10      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:下载   ted   animate   bsp   封装   消失   https   ...   常用   

第三方动画库的使用

1.名字叫:animate.css
2.封装了很多工作中常用的动画
3.在使用第三方时候,需要加上animated类名

首先https://daneden.github.io/animate.css/下载animate.css

link进head中

第一种方法

<div class="myWorld">我的世界</div>
<style>
.myWorld{
animation: shake 1s linear;
}
</style>
 
第二种方法
<div class="animated shake">我的世界</div>
 
主要分类:可以参考官网自己设置
bounce:弹性动画类
flash:逐渐消失
pulse:脉冲动画
shake:抖动
等等...

 

第三方动画库使用方法

标签:下载   ted   animate   bsp   封装   消失   https   ...   常用   

原文地址:https://www.cnblogs.com/myshy/p/9525364.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!