CSS3在回流时过渡

时间:2011-04-12 19:44:00

标签: css css3 css-transitions

以此dom为例。

<div id="container" style="transition: width 1s ease-in-out;">
  <div style="width: 400px; display: none;"></div>
  <div style="width: 200px;"></div> 
</div>

如果我交替隐藏哪个内部div,我可以触发CSS3转换(通过重排)吗?如果这是可能的,我可以添加许多内部div并在它们之间交替顺利,而不必知道它们的大小。

1 个答案:

答案 0 :(得分:0)

我认为单独使用CSS是不可能的 - 转换不是可继承的,因此它们必须应用于所讨论的嵌套元素,并且无论如何都不能应用宽度转换,例如嵌套div需要它width0设置为在悬停或JS点击或某些事件之间进行转换

然而,我认为我真的没有理解这个问题;

#container div {transition: width 1s ease-in-out;}

会将它应用于所有子div,然后你只需要切换显示和宽度,但是你还在考虑这样做吗?