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

2015年5月3日

Finally

diy 头像 评论

  1. 首页
  2. 建站教程
  3. 把评论头像变成圆圈并转动
2条评论 收藏

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

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

  首先,找到你评论头像的CSS,假如你的头像  touxiang 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);
千万不要照着我的写出了  touxiang  img  我这是举例,每个人的都不一样

最后的效果如本站的评论头像

如有问题,请留言


  • 打赏支付宝扫一扫
  • 打赏微信扫一扫
  • 打赏企鹅扫一扫

本文标签: diy 头像 评论

版权声明:若无特殊注明,本文皆为《Finally》原创,转载请保留文章出处。

本文链接:把评论头像变成圆圈并转动 - https://emlog.jiaozi.pro/pltx.html

个人中心
今日签到
搜索