推荐4个CSS3动画类库

时间:14-04-15 栏目:html5/css3 作者:zongyan86 评论:0 点击: 4,256 次

推荐几个css3的动画类库,还是挺不错的。

Effeckt.css

针对不同UI的CSS3动画和过渡效果集,包含了丰富的CSS3动画和过渡效果,包括:

  • Modal
  • overlay
  • button
  • list
  • listscroll
  • Caption
  • 等等

相信如果你需要支持动态CSS3动画或者过渡效果的话,这一套完整的UI动画及其过渡效果解决方案肯定会让你满意!

Hover.css

Hover.css是一套使用CSS3动画实现的Hover特效集锦,包含了:

  • 2D变形
  • 边框过渡效果
  • 阴影过渡效果
  • 页脚翻转效果

Animate.css

animate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画,包括:

晃动,闪动,各种淡出淡出效果,如果你想快速的整合各种CSS3动画特效的话,使用它即可方便的实现。使用也非常简单,引入animate.css文件,再使用JS来添加对应动画的类定义即可,如下:

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

jQuery:

$('#yourElement').addClass('animated bounce'); 

魔术CSS3动画

Magic CSS3动画类库也是一套包含了各种不同CSS3动画效果的类库,包括:旋转,幻灯等等

使用方法类似animate.css,添加对应的动画效果(class定义)到你需要动画展示的HTML元素上即可

web前端开发分享   希望大家有碰到什么好的css3动画类库,可以推荐 。



声明: 本文由( zongyan86 )原创编译,转载请保留链接: 推荐4个CSS3动画类库

关注我们