Loper主题添加旋转头像效果，我看到其他网站都添加了旋转变圆头像效果，Loper主题默认头像一点都不好玩太死板了，拽立网，所以我也要研究一下旋转变圆头像效果修改了很多代码终于成功了，今天我把Loper主题添加旋转头像效果方法分享给大家，请看以下操作！

添加前的效果图！

Loper主题添加旋转头像效果-拽立网

1.登陆你的后台管理，选择【外观】-【编辑】-【 样式表 (style.css)】

直接添加Loper主题专用代码：【我修改好的】

/*主题评论头像旋转变圆*/
.gravatar img {
	width: 50px;
	height: 50px;
	padding: 3px;
	border-radius: 3px;
	border: 1px solid #CCC;
}

.gravatar img {
	position: relative;
	z-index: 97;
	transition: all 0.3s ease-in 0s;
}

.gravatar img:hover {
	border-radius: 100px;
	transform: rotate(720deg);
}

 

添加后的效果图！

Loper主题添加旋转头像效果-拽立网

提示：不一定要头像变圆形，还可以变大头像，很多种效果，我喜欢旋转变圆！

提示：代码我都修改好了，直接丢进去就行了！

Loper主题添加旋转头像效果
版权声明：本站原创文章，于2015年09月16日，由 拽立网 发表，共 498 字。
赞 0
打赏