IT技术宅

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

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

  首先，找到你评论头像的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);
	

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

如有问题，请留言

• 版权申明：此文如未标注转载均为本站原创，自由转载请表明出处《IT技术宅》。
• 本文网址：https://www.ilt.me/dmfx/14.html
• 上篇文章：双击鼠标实现页面自动滚屏的效果
• 下篇文章：CSS3实现超炫的Loading（加载）动画效果
• css