css3 - css 3问题, transition:0.5s all;是指所有属性?
天蓬老师
天蓬老师 2017-04-17 11:45:58
0
3
1130

w3cSchool这样说的:

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

membalas semua(3)
左手右手慢动作

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

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

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

黄舟

是的,all 也可以省略不写

黄舟

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan