CSS3鼠标悬停360度旋转效果 <br />* {<br />margin:0;<br />padding:0;<br />list-style:none;<br />}<br />body {<br />background:#1F1F1F;<br />}<br />.zzsc {<br />width: 220px;<br />height: 220px;<br />margin: 0 auto;<br />background: no-repeat url("/author.jpg") left top;<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 2s ease-out;<br />-moz-transition: -moz-transform 2s ease-out;<br />-o-transition: -o-transform 2s ease-out;<br />-ms-transition: -ms-transform 2s ease-out;<br />}<br />.zzsc:hover {<br />-webkit-transform: rotateZ(360deg);<br />-moz-transform: rotateZ(360deg);<br />-o-transform: rotateZ(360deg);<br />-ms-transform: rotateZ(360deg);<br />transform: rotateZ(360deg);<br />}<br /> http://www.999jiujiu.com/
