您的位置:首页 > Web前端 > CSS

[原]CSS  Animate 动画实现结束后…

2012-11-05 17:43 627 查看
道理很简单,看代码
@-webkit-keyframes btnActive {
0% {
background-color:#999;
color:#FFFFFF;
}
100% {
background-color:#e6e6e6;
color:#999;
}
}
#formLogin input[type=button]:active {
-webkit-animation-name:btnActive;
-webkit-animation-duration:0.3s;
-webkit-animation-timing-function:linear;

background-color:#e6e6e6;
position:relative;
top:1px;
color:#999;
}

或者,设置-webkit-animation-fill-mode为forwards


兼容性:

浅绿 = 支持

红色 = 不支持

墨绿 = 部分支持

橙色 = 实验性质

支持版本\类型IEFirefoxSafariChromeOpera
版本6.0-9.04.05.113.0-16.011.50-11.60
版本10.05.0-9.0
详细见css手册:http://css.doyoe.com/properties/animation/animation-fill-mode.htm
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: