搜尋

首頁  >  問答  >  主體

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

w3cSchool这样说的:

天蓬老师天蓬老师2782 天前1131

全部回覆(3)我來回復

  • ringa_lee

    ringa_lee2017-04-17 11:47:58

    差不多是題主說的這個意思,但是要明確一點,所有是指哪裡的所有,

    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 就是瞬間變化.

    回覆
    0
  • 黄舟

    黄舟2017-04-17 11:47:58

    是的,all 也可以省略不寫

    回覆
    0
  • 黄舟

    黄舟2017-04-17 11:47:58

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

    回覆
    0
  • 取消回覆