我试图让CSS transitions一个接一个地玩,意味着首先它必须改变宽度和后来的高度.
我尝试了几个选项,但一切都是徒劳的.我在这里实现了这一点javascript但是,一些CSS专业人士可以帮助探索这个并分解它.谢谢你提前.
<style>
div {
width: 100px;
height: 100px;
background: red;
-webkit-transition: width 2s;
transition: all 2s;
}
div:hover {
width: 300px;
height:500px;
}
</style>
Run Code Online (Sandbox Code Playgroud)