实现图片360旋转翻转效果

在页面中添加以下样式

<!--图片转动特效-->
<style>
.xwcms {
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;
}
.xwcms:hover {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
}
</style>

然后在图片需要该样式的地方,在class属性里添加以下属性

xwcms
版权声明:
标题:实现图片360旋转翻转效果
作者:名晨
链接:https://www.8090mc.cn/318.html
文章版权归作者所有,未经允许请勿转载。
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录