CSS3 ネズミ标悬停止度旋转效果<br>* {<br>margin:0;<br>padding:0;<br>list-style:none;<br>}<br>body {<br>background:#1F1F1F;<br>}<br>.zzsc { <br>幅: 220px;<br>高さ: 220px;<br>マージン: 0 自動;<br>背景: 繰り返しなし url("/author.jpg") 左上;<br>-webkit-background-size: 220px 220px;<br>-moz-background -size: 220px 220px;<br>background-size: 220px 220px;<br>-webkit-border-radius: 110px;<br>border-radius: 110px;<br>-webkit-transition: -webkit-transform 2sease-out;<br>-moz-トランジション: -moz-transform 2s イーズアウト;<br>-o-トランジション: -o-transform 2s イーズアウト;<br>-ms-トランジション: -ms-transform 2s イーズアウト;<br>}<br>.zzsc:hover {<br> -webkit-transform: 回転 Z(360 度);<br>-moz-transform: 回転 Z(360 度);<br>-o-transform: 回転 Z(360 度);<br>-ms-transform: 回転 Z(360 度);<br>変換: 回転 Z(360 度) ;<br>}<br> http://www.999jiijiu.com/