CSS3过渡延迟

时间:2012-09-17 20:58:21

标签: css css3 css-transitions

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

在JS中,我会使用像for循环和计数器这样的东西来错开延迟值。可以使用

在CSS中完成此操作

还有一种方法可以在转换速记上设置多个属性。下面的示例显示了当我尝试将其他内容无效时的顶部。

单一属性

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

多个属性

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

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

1 个答案:

答案 0 :(得分:0)

这里有两个问题,但对于问题二,您可以使用长手版本:

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

对于问题1,你不清楚你在问什么 - 你已经意识到你可以设置延迟,所以你想要做什么只能通过添加延迟来解决?

说实话,你很可能不得不将JS用于更复杂的事情,因为通常需要一些无法在CSS中完成的逻辑。