【前段基础入门之】=＞CSS3新特性 transition 过渡

导语

【属性】： transition-property

• 常用值：

  • none ：不过渡任何属性
  • all ：过渡所有能过渡的属性
  • 指定具体某个需要变化的属性名 ，例如： width 、 heigth ，若有多个以逗号分隔

---

【属性】： transition-duration

• 常用值：

  • 0 ：没有任何过渡时间及效果 —— 默认值
  • s 或 ms ：秒或毫秒
  • 列表 ：
    • 如果想让所有属性都持续同一个时间，那就写一个值
    • 如果想让每个属性持续不同的时间那就写一个时间的对应列表。如下：

transition-delay: 3s, 2s, 4s;

---

【属性】：transition-delay

---

【属性】：transition-timing-function

• 常用取值：

---

【属性】：transition 过渡复合属性

transition: 1s 1s linear all;

---