殷德瑶博客
喜欢的歌,静静地听!喜欢的人,远远地看!

把评论头像变成圆圈并转动

殷德瑶 2015-9-18 emlog教程 评论 3020 次

把评论头像变成圆圈并转动,没什么技术含量,看代码就行!

  首先,找到你评论头像的CSS,假如你的头像  pinglun img{}   那么,就在属性里面加上下面的这段CSS:

 


border-radius: 50%;
-webkit-transition: .4s all ease-in-out;
-moz-transition: .4s all ease-in-out;
-o-transition: .4s all ease-in-out;
-ms-transition: .4s all ease-in-out;
transition: .4s all ease-in-out;


 

然后,找到 tx:hover img{},在属性里面加上

 


-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);


 

千万不要照着我的写出了  pinglun  img  我这是举例,每个人的都不一样。

本文转自网络,由于网上有很多这样的教程,本文版权归原作者,如有侵权请联系QQ657280703删除

 

殷德瑶博客推荐

发表评论


粤ICP备15078261号 Powered by 黑暗之夜
Theme by 殷德瑶博客