CSS transition-property 屬性
定義和用法
transition-property 屬性規定應用過渡效果的 CSS 屬性的名稱。（當指定的 CSS 屬性改變時，過渡效果將開始）。
提示：過渡效果通常在用戶將鼠標指針浮動到元素上時發生。
注釋：請始終設置 transition-duration 屬性，否則時長為 0，就不會產生過渡效果。
另請參閱：
CSS 教程：CSS 過渡
HTML DOM 參考手冊：transitionProperty 屬性
CSS 語法
transition-property: none|all|property;
屬性值
| 值 | 描述 |
|---|---|
| none | 沒有屬性會獲得過渡效果。 |
| all | 所有屬性都將獲得過渡效果。 |
| property | 定義應用過渡效果的 CSS 屬性名稱列表，列表以逗號分隔。 |
技術細節
| 默認值： | all |
|---|---|
| 繼承性： | no |
| 版本： | CSS3 |
| JavaScript 語法： | object.style.transitionProperty="width,height" |
瀏覽器支持
表格中的數字注明了完全支持該屬性的首個瀏覽器版本。
帶 -webkit-、-moz- 或 -o- 的數字表示使用前綴的首個版本。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
