CSS transition 的默认值
生活随笔
收集整理的這篇文章主要介紹了
CSS transition 的默认值
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
語法transition:?property duration timing-function delay|initial|inherit;示例： div?{width:?100px;height:?100px;transition:?width 2s; }div:hover?{width:?300px; }CSS transition 演示 同時(shí)指定多個屬性也可同時(shí)指定多個需要 transition 的屬性，每個屬性用逗號分隔，包含自己完整的時(shí)間，動畫方法（timing function）的指定。 div {width: 100px;height: 100px;transition: width,height 2s; }div:hover {width: 300px;height: 300px; }CSS transition 同時(shí)作用于多個屬性 上面 width 只指定了屬性，未指定時(shí)間及動畫方法，所以動作的變化發(fā)是在瞬時(shí)完成的。 默認(rèn)值transition: all 0s ease 0s意味著瀏覽器對所有元素所有屬性設(shè)置了 transitoin 但時(shí)長為 0。 所以實(shí)際使用中，只需要設(shè)置元素的 transition-duration 即可讓 transition 生效。 div {width: 100px;height: 100px; - transition: width,height 2s; + transition-duration: 2s; }div:hover {width: 300px;height: 300px; }CSS transition 的默認(rèn)值 相關(guān)資料
|
轉(zhuǎn)載于:https://www.cnblogs.com/Wayou/p/css_transition_default_value.html
總結(jié)
以上是生活随笔為你收集整理的CSS transition 的默认值的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 59. Spiral Matrix II
- 下一篇： Linux 上安装 appium