51问答网 > 怎样用HTML5、CSS3和JavaScript创建一个3D效果的图片切换翻转效果？

怎样用HTML5、CSS3和JavaScript创建一个3D效果的图片切换翻转效果？

2025-03-12 13:22:31

推荐回答（1个）

回答1：

/*以谷歌浏览器为例，实现360度翻转，命名个方法run翻转，调用run，5s周期内实现翻转*/
{
-webkit-animation: run 10s linear infinite; /*添加动画，动画周期为5s，无限循环*/
}
@-webkit-keyframes run {
0% { /*动画初始状态时元素旋转角度*/
-webkit-transform: rotateX(0deg) rotateY(0deg)
}
100% { /*动画结束状态时元素旋转角度*/
-webkit-transform:rotateX(360deg) rotateY(360deg)
}
}