css - CSS3 过渡延迟

Question

有没有办法通过纯 CSS 设置序列转换延迟。

在 JS 中，我会使用诸如 for 循环和计数器之类的东西来错开延迟值。这可以在 CSS 中使用

还有一种方法可以在过渡速记上设置多个属性。下面的示例仅显示顶部，当我尝试放置其他内容时它不起作用。

单一物业

 -moz-transition: top 0.3s ease-out 0s;

多个属性

 -moz-transition: top left bottom 0.3s ease-out 0s;

第二个问题不如第一个重要。

Answer 1

这里有两个问题，但是对于第二个问题，您可以改用长手版本：

-moz-transition-property: top, left, bottom;
-moz-transition-duration:0.3s
etc.

对于问题 1，您并不清楚您在问什么——您已经意识到您可以设置延迟，那么您想要做的事情是通过添加延迟无法解决的吗？

老实说，您极有可能不得不将 JS 用于更复杂的事情，因为通常需要一些在 CSS 中无法完成的逻辑。