No Comments

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]

 

最后更新于 2017-03-17 15:58:08 并被添加「」标签，已有 426 位童鞋阅读过。

此处评论已关闭