图片 180 度旋转


这个效果很好玩哦 XD

修改 HTML > Ctrl F 寻找 /* Header

在 /* Header 之前添加以下代码就行啦 ~

img:hover {

-webkit-transition-duration:.9s;
-moz-transition-duration:.9s;
-o-transition-duration:.9s;
-ms-transition-duration:.9s;

-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);

}

PS :红色字的是图片被旋转的角度 ,180 是整个调转 ,你可以依照自己的喜好调整 ,数字越大就越旋转 。

希望你们知道我讲什么 =3=



1 条评论: