hooyantsing's Blog

P206_13_transition-delay延迟过渡使用

字数统计: 109阅读时长: 1 min
2020/04/24

P206 13 transition-delay延迟过渡使用

**transition-**delay

延迟一段时间后再开始过渡效果。

代码分析:

1、原则上property和delay值一一对应。

2、如果property值多于delay值,则会重头再取delay值。

66e258ada6fc8fe48910f85d7c36df7a.png

3、如果property值少于delay值,则delay后面没有对应property的值无效。

transition-duration区别

transition-duration是过渡效果花费的时间。

transition-delay是过一段时间后开始过渡效果。

CATALOG