热门标签

, ,

微淘券

每天千款优惠券、只为专注精选!

点击查看

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

在页面中添加以下样式

<!--图片转动特效-->
<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

未经允许不得转载:作者:名晨, 转载或复制请以 超链接形式 并注明出处 零七生活网 - 名晨'blog - 网络资源教程的分享平台
原文地址:《实现图片360旋转翻转效果》 发布于2019-11-17

分享到:
赞(0) 打赏
实现图片360旋转翻转效果

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

切换登录

注册