Question

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

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励20（财富值+成长值）

Answer 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)
}
}