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

9528

打开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); } 复制代码