我试图让CSS过渡一个接一个地播放,意味着首先它必须转换宽度和后来的高度.
我尝试了几个选项,但一切都是徒劳的.我在 javascript中实现了这一点但是一些CSSprofessionals可以帮助探索这个并将其分解.谢谢提前.
我尝试了几个选项,但一切都是徒劳的.我在 javascript中实现了这一点但是一些CSSprofessionals可以帮助探索这个并将其分解.谢谢提前.
<style>
div {
width: 100px;
height: 100px;
background: red;
-webkit-transition: width 2s;
transition: all 2s;
}
div:hover {
width: 300px;
height:500px;
}
</style>
解决方法
只需在转换速记中使用transition-delay属性,即可在一个CSS规则中按顺序执行多个转换.
-webkit-transition: width 2s,height 2s ease 2s; transition: width 2s,height 2s ease 2s;
