为了账号安全,请及时绑定邮箱和手机立即绑定

为什么在 .item 上设置了 transition 以后还要在两个子元素 img 和 .information 上再设置一次 transition ?

如题。当进一步把子元素  img 和 .information 上的  transition 删掉以后也可以运行,并未看到什么差别?

正在回答

1 回答

我认为老师有重复的地方,比如出现.item .information{ 样式}这段代码中,其实应该去掉.item。

在删除img和.information的transition肯定能运行,毕竟transition是渐变动画这一类的,并不属于移动旋转。

其实这里主要分2次设置动画样式:

  1. 是设置.item的3d动画 (即鼠标经过 实现翻转 )

  2. 总的动画效果达到了,就需要在鼠标没有经过时item里的内容需要怎么排列(即图片在前面 文字是不可见即与X轴平行的),要实现这个效果所以就得分别给img和.information设置他们的初始位置

所以这里多次用到 transition transform 都是在不同阶段给元素设置不同的动画

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么在 .item 上设置了 transition 以后还要在两个子元素 img 和 .information 上再设置一次 transition ?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信