css animation

概述

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

代码展示(部分)
/* 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文件中。

关于我们|MIT开源协议|意见反馈|加入我们|NEJ:更好的JS解决方案

Copyright © 1997-2013 NetEase. All Rights Reserved.