css3 子节点动画是否会服从父节点？

 

animation transition 同时支持的时间格式要求如下：

// 持续时长，等待时长 有顺序

// 只写一个时，只有持续时长，等待时长为空

// 写入无顺序限制 ，可以和其他属性值交叉写

// 不能超过2个时间点 ，否则报错失效

 

问题探讨！！有兴趣的童鞋请阅读以下，无感可以吐槽。

开发浮层样式，有时候需要为一组dom设置一样的动画。

平时看来只要在有动画的节点内，嵌套需要的节点，被嵌套的的节点也应该有和父级一致的动画效果，没毛病。

事实证明确实有一样的动画效果，但是就是不同步，不同步条件： animation: keyfreamSelf 1s 1s forwards;  如果此处设置了 延迟执行时间（即2个时间单位）

就会发现动画的执行效果被切割了，内部节点没有想父节点一样延迟？？蒙了。。

竟然提前展示而且不是动画结束时的终态样式，我就觉得好奇怪，随后去掉延迟时间，正常符合预期。

 

这是为啥呢？ 动画需要马上执行才会有同步动画，难道内部节点和父级节点之间在应用动画的时候可以不同步的吗？

 

为啥呢？

 

.....求路过的各位大神给个留言，蟹蟹。

 

转载于:https://www.cnblogs.com/the-last/p/11435264.html