为什么在 .item 上设置了 transition 以后还要在两个子元素 img 和 .information 上再设置一次 transition ?
如题。当进一步把子元素 img 和 .information 上的 transition 删掉以后也可以运行,并未看到什么差别?
如题。当进一步把子元素 img 和 .information 上的 transition 删掉以后也可以运行,并未看到什么差别?
2015-05-10
我认为老师有重复的地方,比如出现.item .information{ 样式}这段代码中,其实应该去掉.item。
在删除img和.information的transition肯定能运行,毕竟transition是渐变动画这一类的,并不属于移动旋转。
其实这里主要分2次设置动画样式:
是设置.item的3d动画 (即鼠标经过 实现翻转 )
总的动画效果达到了,就需要在鼠标没有经过时item里的内容需要怎么排列(即图片在前面 文字是不可见即与X轴平行的),要实现这个效果所以就得分别给img和.information设置他们的初始位置
所以这里多次用到 transition transform 都是在不同阶段给元素设置不同的动画
举报