实现图片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
THE END
0
二维码
打赏
海报
实现图片360旋转翻转效果
在页面中添加以下样式
<!--图片转动特效-->
<style>
.xwcms {
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz……
文章目录
关闭
共有 0 条评论