CSS3 animation属性
经过测试:
UC浏览器貌似
不支持animation
但是支持-webkit-animation
测试代码如下:
[pcsh lang=”xml” tab_size=”4” message=”” hl_lines=”” provider=”manual”]
<html>
<head>
<style>
@keyframes move2{
0% {width: 0%}
60% {width: 60%}
63% {width: 63%}
100%{width: 100%}
}
@-webkit-keyframes move2{
0% {width: 0%}
60% {width: 60%}
63% {width: 63%}
100%{width: 100%}
}
div{
margin-top:10px;
position:fixed;
height :5px;
width :100%;
background-color:red;
animation:move2 10s linear 0s;
-webkit-animation:move2 10s linear 0s;
}
body{
margin:0 auto;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
[/pcsh]
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Dev!