css3 360度旋转

最新推荐文章于 2023-12-15 11:28:10 发布

凉粉zzz

最新推荐文章于 2023-12-15 11:28:10 发布

阅读量882

点赞数

文章标签： css 360 opera chrome 浏览器 ie

本文链接：https://blog.csdn.net/sc_jelly/article/details/7846470

版权

来自：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);
}

文字、图片都行！！