王桂明在修改博客时,找到一个样式,把Loper1.3主题首页文章和相关文章缩略图旋转,有动感,感觉很好,因此把这组代码分享出来,也请大家都关注泰州杰创

首先进入后台博客的主题的样式:如图:

Loper1.3主题首页文章和相关文章缩略图旋转

加入如下代码,更新一下就OK了:

/*--Thumbnail--*/
/*--首页文章缩略图旋转--*/
.thumb {
	margin: 4px 0 0 8px;
	-webkit-transition: -webkit-transform .3s linear;
	-moz-transition: -moz-transform .3s linear;
	-o-transition: -o-transform .3s linear;
	transition: transform .3s linear;
}
 
.thumb:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
» 订阅本站: http://www.0523jz.com/feed
现在只有1个回复
Comment (1)
Trackbacks (0)
  1. 小E在线  ( 2016.05.22 16:15 ) : #-5

    我为什么修改了没有效果呢 还有就是那个相关文章的缩略图也不能转动

    Reply
  1. 还没有Trackbacks