SCLUB/Discuz! 7.2论坛大版块图标旋转代码

打开css_common模板
在最下面加上

.list th img{ /* 1st set of icons. Rotate them 9999deg onmouseover and out */
-moz-transition: all 0.5 ease-in-out;
-webkit-transition: all 0.5 ease-in-out;
-o-transition: all 0.5 ease-in-out;
-ms-transition: all 0.5 ease-in-out;
transition: all 0.5 ease-in-out;
}
.list th img:hover{
-moz-transform: rotate(-80deg);
-webkit-transform: rotate(-80deg);
-o-transform: rotate(-80deg);
-ms-transform: rotate(-80deg);
transform: rotate(-80deg);
}
.list th img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */
-moz-transition: all 0.5 ease-in-out;
-webkit-transition: all 0.5 ease-in-out;
-o-transition: all 0.5 ease-in-out;
-ms-transition: all 0.5 ease-in-out;
transition: all 0.5 ease-in-out;
}
.list th img:hover{
-moz-transform: rotate(9999deg);
-webkit-transform: rotate(9999deg);
-o-transform: rotate(9999deg);
-ms-transform: rotate(9999deg);
transform: rotate(9999deg);
}
.list th img{ /* 3rd set of icons. Rotate them -9999deg onmouseover ONLY. Note where the "transition prop is added */
}
.list th img:hover{
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-moz-transform: rotate(9999deg);
-webkit-transform: rotate(9999deg);
-o-transform: rotate(9999deg);
-ms-transform: rotate(9999deg);
transform: rotate(9999deg);
}

复制代码

分享到: QQ空间 腾讯微博 腾讯朋友

欢迎来到9528虚拟世界分享圈！Http://9528.gain.tw