IT技术宅

青春是一个充满活力的季节,即便是我们失去了天使的翅膀,只要我们还有一颗青春的心,那么我们的生活依然能够如阳光般灿烂!......
现在位置:首页 > 代码分享 > 把评论头像变成圆圈并转动

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

刘振兴     代码分享      2015年09月20日     1802     1条评论  

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

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


  1. border-radius: 50%;
  2. -webkit-transition: .4s all ease-in-out;
  3. -moz-transition: .4s all ease-in-out;
  4. -o-transition: .4s all ease-in-out;
  5. -ms-transition: .4s all ease-in-out;
  6. transition: .4s all ease-in-out;

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


  1. -webkit-transform:rotate(360deg);
  2. -moz-transform:rotate(360deg);
  3. -o-transform:rotate(360deg);
  4. -ms-transform:rotate(360deg);
  5. transform:rotate(360deg);
千万不要照着我的写出了  touxiang  img  我这是举例,每个人的都不一样

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

如有问题,请留言

评论一下 分享本文 赞助本站 联系站长
IT技术宅
 挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
金笔头博客
金笔头博客 2015-10-18 15:19 上海市电信 回复
网站很棒哦IT技术宅IT技术宅IT技术宅,欢迎回访
 Windows 7 x64   Google Chrome 45.0.2454.101