码迷,mamicode.com
首页 > Web开发 > 详细

css3实现头像旋转360度

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

标签:io   width   for   re   c   html   div   htm   

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度

标签:io   width   for   re   c   html   div   htm   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!