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

w3cSchool这样说的:

天蓬老师
天蓬老师

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

全部回覆(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 也可以省略不寫

黄舟

是的,建議使用時指定某一屬性比較好

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板