语法
示例: div {
width: 100px;
height: 100px;
transition: width 2s;
}
CSS transition 演示 同时指定多个属性也可同时指定多个需要 div {
width: 100px;
height: 100px;
transition: width,height 2s;
}
CSS transition 同时作用于多个属性 上面 默认值transition: all 0s ease 0s 意味着浏览器对所有元素所有属性设置了 transitoin 但时长为 0。 所以实际使用中,只需要设置元素的 div {
100px;
height: 100px;
- transition: width,height 2s;
+ transition-duration: 2s;
}
CSS transition 的默认值 相关资料 |