首页 > css 3问题, transition:0.5s all;是指所有属性?

css 3问题, transition:0.5s all;是指所有属性?

w3cSchool这样说的:


是的,all 也可以省略不写


是的,建议使用时指定某一属性比较好


差不多是题主说的这个意思,但是要明确一点,所有是指哪里的所有,

div{
    width: 200px;
    height: 200px;
    margin: 300px auto;
    background-color: #336699;
    
    transition: all 1s;
    /*transition: height 1s;*/
}
div:hover{
    width: 300px;
    height: 400px;
}

我认为这里的 all 指的是 transition 之后的样式,上面的代码运行结果 div 的宽高都是流畅转变的, 当我们把 all 改成 height 之后, 只有 height 转变过程之中有动画效果, width 就是瞬间变化.

【热门文章】
【热门文章】