• 展开微博窗口
  • QQ:52619941
  • 微信:cnmemory
  • 展开分类目录
  • 还没有账号?

Memory

CSS3分享Animate.css

Animate.css是用CSS3编写的动画合集,拥有数十种元素入场或离场的动画效果,你只需要引入animate.css文件就可以轻松调用里面的动画,为自己的元素增加动画效果。

而我们调用的方法也很简单,首先引入animate.css

<link href="http://daneden.github.io/animate.css/animate.min.css" rel="stylesheet"  />

譬如你的

<div class="circle"></div>

需要调用名为bounce的动画,只需要

<div class="circle bounce animated"></div>

如果想要动画无限循环,再多加一个名为infinite的class

<div class="circle bounce animated infinite"></div>

所有的DEMO在Animate.css项目主页中均可以浏览,所以这里就不做演示地址。

点击这里下载Animate.css

项目主页:http://daneden.github.io/animate.css/

码字很辛苦,转载请注明来自雨林寒舍《CSS3分享Animate.css》

评论

  1. 亚马逊美国 #1

    [左抱抱] 支持老大~~

    回复
    2016-03-3
  2. 132 #2

    [发红包]

    回复
    2016-02-11
  3. 春熙路自媒体 #3

    过来看看学习;

    回复
    2014-08-10

点击这里取消回复。