css - CSS - 嵌套过渡

Question

我正在尝试使用这样的 css 转换：

悬停时- 触发高度过渡，然后触发宽度过渡

当您离开鼠标时- 触发宽度转换，然后触发高度转换

这是示例代码：

#example {
width:100px;
height:100px;

background:#000000;
}

#example:hover {
width:200px;
height:200px;
}

有没有办法使用 css 过渡来获得所需的效果？

Answer 1

使用transition-delay. 这是一个示例：http: //jsfiddle.net/S6Bt5/。

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