CSS -嵌套过渡

Question

我正在尝试使用这样的css过渡:

On Hover -触发Height transition然后触发width transition

当你把鼠标移开 -宽度过渡被触发然后高度过渡被触发

下面是示例代码:

#example {
width:100px;
height:100px;
background:#000000;
}
#example:hover {
width:200px;
height:200px;
}

是否有一种方法来使用css过渡，以获得所需的效果?

Answer 1

使用transition-delay。下面是一个例子:http://jsfiddle.net/S6Bt5/.

这是你可以用纯CSS做的最好的事情。我认为这并不完美，因为延迟是固定的，所以使用JS似乎是一个稍微更好的主意…