为什么在 .item 上设置了 transition 以后还要在两个子元素 img 和 .information 上再设置一次 transition ？
来源：12-4 制作3D旋转视频展示区
muge10
2015-05-10 15:09
如题。当进一步把子元素 img 和 .information 上的 transition 删掉以后也可以运行，并未看到什么差别？
写回答
关注
1回答
-
- 慕函数6472736
- 2015-07-28 21:58:34
我认为老师有重复的地方，比如出现.item .information{ 样式}这段代码中，其实应该去掉.item。
在删除img和.information的transition肯定能运行，毕竟transition是渐变动画这一类的，并不属于移动旋转。
其实这里主要分2次设置动画样式：
是设置.item的3d动画 （即鼠标经过 实现翻转 ）
总的动画效果达到了，就需要在鼠标没有经过时item里的内容需要怎么排列（即图片在前面 文字是不可见即与X轴平行的），要实现这个效果所以就得分别给img和.information设置他们的初始位置
所以这里多次用到 transition transform 都是在不同阶段给元素设置不同的动画
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242696 学习 · 2623 问题
相似问题