css animation 动画

css animation

概述

• 常见动画效果的集合，主要用于效果演示和参考（点击查看代码库演示），也可以直接调用。

代码展示（部分）
• 
  

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

  /* animation */ /* 淡入 */ .a-fadein{-webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animation-name:fadein;animation-name:fadein;} /* define */ /* 淡入 */ @-webkit-keyframes fadein{     0%{opacity:0;}     100%{opacity:1;} } @-moz-keyframes fadein{     0%{opacity:0;}     100%{opacity:1;} } @-ms-keyframes fadein{     0%{opacity:0;}     100%{opacity:1;} } @keyframes fadein{     0%{opacity:0;}     100%{opacity:1;} }

使用方法

• 通过右键另存为下载 animation.css(2012-09-28)，直接使用或将代码复制到你的css文件中。