css3图片自动旋转360度特效css3里animation使用介绍
首页 /  web前端 /  css3 / css3图片旋转特效animation使用

0 0 535

css3图片旋转特效animation使用

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>
下载所需:0 金币 下载 演示

[来源] http://yuanmouren.erlyun.com/p.php?id=35

[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。

容若 2017-10-13 14:24
10
送花
20积分一朵