日期:2014-05-17  浏览次数:20665 次

css3 360度旋转

来自:http://www.zhjie.net/css3-360-degree-rotation.htm

浏览器必须支持CSS3…chrome.火狐、opera、最新版都支持

.my_logo a{color:#9bbb59; font-size:24px; display:block;
    -moz-transition:-moz-transform 1s ease 0s; /* 火狐 */
    -webkit-transition:all 1s ease 0s;    /* chrome */
    -o-transition:-o-transform 1s ease 0s; /* opera */
    -ms-transition:-ms-transform 1s ease 0s; /* IE  */
    transition:transform 1s ease 0s; /*w3c */
}
.my_logo a:hover{
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(.5turn);
    -ms-transform:rotate(.5turn);
    transform:rotate(.5turn);
}


帮助

文字、图片都行!!