首页 > Web开发 > 详细

css3实现头像旋转360度

时间:2014-07-24 12:22:25      阅读:468      评论:0      收藏:0      [点我收藏+]

css样式:

.div a img{
width: 88px;
height: 88px;
border-radius: 88px;
transition: all 1.2s ease-out 0s;
}
.div a img:hover{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}

html:

<div class="div">
<a href="#"><img src="images/logo.jpg"></a>
</div>

css3实现头像旋转360度,布布扣,bubuko.com

css3实现头像旋转360度

原文:http://www.cnblogs.com/xiaotaiyang/p/3865256.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!