html鼠标悬停片旋转,html片360度旋转特效

下面是前端之家 f2er.com 通过网络收集整理的代码片段。

前端之家小编现在分享给大家，也给大家做个参考。

.xwcms {

margin: 0 auto;

-webkit-border-radius: 110px;

border-radius: 110px;

-webkit-transition: -webkit-transform 0.2s ease-out;

-moz-transition: -moz-transform 0.2s ease-out;

-o-transition: -o-transform 0.2s ease-out;

-ms-transition: -ms-transform 0.2s ease-out;

}

.xwcms:hover {

-webkit-transform: rotateZ(180deg);

-moz-transform: rotateZ(180deg);

-o-transform: rotateZ(180deg);

-ms-transform: rotateZ(180deg);

transform: rotateZ(180deg);

}

以上是前端之家(f2er.com)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得前端之家网站内容还不错，欢迎将前端之家网站推荐给程序员好友。