標籤：注釋 table delay data ati idt .com chrome oct
過渡屬性下面的表格列出了所有的轉換屬性：
| 屬性 | 描述 | CSS |
|---|---|---|
| transition | 簡寫屬性，用於在一個屬性中設定四個過渡屬性。 | 3 |
| transition-property | 規定應用過渡的 CSS 屬性的名稱。 | 3 |
| transition-duration | 定義過渡效果花費的時間。預設是 0。 | 3 |
| transition-timing-function | 規定過渡效果的時間曲線。預設是 "ease"。 | 3 |
| transition-delay | 規定過渡效果何時開始。預設是 0。 | 3 |
<!DOCTYPE html><html><head><style> div{width:100px;height:100px;background:yellow;transition-property:width;transition-duration:1s;transition-timing-function:linear;transition-delay:2s;/* Firefox 4 */-moz-transition-property:width;-moz-transition-duration:1s;-moz-transition-timing-function:linear;-moz-transition-delay:2s;/* Safari and Chrome */-webkit-transition-property:width;-webkit-transition-duration:1s;-webkit-transition-timing-function:linear;-webkit-transition-delay:2s;/* Opera */-o-transition-property:width;-o-transition-duration:1s;-o-transition-timing-function:linear;-o-transition-delay:2s;}div:hover{width:200px;}</style></head><body><div></div><p>請把滑鼠指標放到黃色的 div 元素上，來查看過渡效果。</p><p><b>注釋：</b>本例在 Internet Explorer 中無效。</p><p><b>注釋：</b>這個過渡效果會在開始之前等待兩秒。</p></body></html>
html 5 過渡 屬性 高度 寬度 顏色 樣式等。。。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
