王桂明在修改博客时，找到一个样式，把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
Tags: , , , 相关文章 分享
Twitter 开心网 人人网 豆瓣 饭否 新浪微博 腾讯微博
现在只有1个回复
Comment (1)
Trackbacks (0)
  1. 小E在线 　( 2016.05.22 16:15 ) : #-5

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

    Reply
  1. 还没有Trackbacks