怎样用HTML5、CSS3和JavaScript创建一个3D效果的图片切换翻转效果？
- 你的回答被采纳后将获得：
- 系统奖励15（财富值+成长值）+难题奖励20（财富值+成长值）
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)
}
}
{
-webkit-animation: run 10s linear infinite; /*添加动画，动画周期为5s，无限循环*/
}
@-webkit-keyframes run {
0% { /*动画初始状态时元素旋转角度*/
-webkit-transform: rotateX(0deg) rotateY(0deg)
}
100% { /*动画结束状态时元素旋转角度*/
-webkit-transform:rotateX(360deg) rotateY(360deg)
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具，它提供了4种AI制作PPT的方式，包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT，一站式集成多种AI生成PPT的方式，可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
