0 0 3647

css3图片自动旋转360度特效css3里animation使用介绍

css3图片旋转特效animation使用_图一

animation使用

.btn-audio{
	position:absolute;left:47%;top:47%;
    width: 100px;
    height: 100px;
    background:url(xuanzhuan.png) no-repeat center bottom;
    background-size:cover;
	border-radius: 55.5px;
}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.Rotation{
-webkit-transform: rotate(360deg);
animation: rotation 3s linear infinite;
-moz-animation: rotation 3s linear infinite;
-webkit-animation: rotation 3s linear infinite;
-o-animation: rotation 3s linear infinite;
}

div

<div class="btn-audio Rotation"></div>
下载所需: 5金币 下载 演示
[分类]
[来源] http://erlangyun.com/p/id/35.html
[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。