Developer tool / Local processing

CSS Transition 產生器，
用即時預覽調好過場節奏。

屬性持續時間（秒）延遲（秒）速度曲線

CSS

常見問題

Transition 和 Animation 有什麼不同？

Transition 通常在屬性狀態改變時執行；Animation 可用 keyframes 建立多階段且自動播放的動畫。

哪些 CSS 屬性可以套用 Transition？

多數可插值的數值、顏色與 transform 屬性都可以，但 display 等離散屬性通常無法平滑過場。