定義和用法 animation屬性是下列屬性的一個縮寫屬性： animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-directi ...
定義和用法
animation屬性是下列屬性的一個縮寫屬性：
- animation-name
- animation-duration
- animation-timing-function
- animation-delay
- animation-iteration-count
- animation-direction
- animation-fill-mode
- animation-play-state
註意：始終指定animation-duration屬性，否則持續時間為0，永遠不會播放。
表中的數字指定了完全支持該屬性的第一個瀏覽器版本。數字後跟-ms-， -webkit-，-moz-或-o-指定使用首碼的第一個版本。
| 屬性 | Internet Explorer | Chrome | FireFox | Safari | Opera |
|---|---|---|---|---|---|
| 屬性名稱 | IE | 谷歌 | 火狐 | Safari | Opera |
| animation | 10.0 | 43.0 4.0 -webkit- | 16.0 5.0 -moz- | 9.0 4.0 -webkit- | 30.0 15.0 -webkit- 12.0 -o- |
語法：animation: name duration timing-function delay iteration-count direction fill-mode play-state;
屬性值
| 屬性值 | 描述 |
|---|---|
| animation-name | 指定要綁定到選擇器的關鍵幀的名稱 |
| animation-duration | 指定動畫完成所需的秒數或毫秒數 |
| animation-timing-function | 指定動畫的速度曲線 |
| animation-delay | 指定動畫開始之前的延遲 |
| animation-iteration-count | 指定應播放動畫的次數 |
| animation-direction | 指定動畫是否應在交替迴圈中反向播放 |
| animation-fill-mode | 指定動畫在執行之外應用的值 |
| animation-play-state | 指定動畫是運行還是暫停 |
HTML顏色名稱
所有瀏覽器支持的顏色名稱，所有現代瀏覽器都支持以下140種顏色名稱（單擊顏色名稱或十六進位值，以將顏色視為背景顏色以及不同的文本顏色）：
有關HTML顏色的完整概述，請訪問我們的顏色教程。
| 顏色名稱 | 十六進位值 | 顏色效果 | 陰影 | 混合器 |
|---|---|---|---|---|
| AliceBlue | #F0F8FF | 陰影 | 混合器 | |
| AntiqueWhite | #FAEBD7 | 陰影 | 混合器 | |
| Aqua | #00FFFF | 陰影 | 混合器 | |
| Aquamarine | #7FFFD4 | 陰影 | 混合器 | |
| Azure | #F0FFFF | 陰影 | 混合器 | |
| Beige | #F5F5DC | 陰影 | 混合器 | |
| Bisque | #FFE4C4 | 陰影 | 混合器 | |
| Black | #000000 | 陰影 | 混合器 | |
| BlanchedAlmond | #FFEBCD | 陰影 | 混合器 | |
| Blue | #0000FF | 陰影 | 混合器 | |
| BlueViolet | #8A2BE2 | 陰影 | 混合器 | |
| Brown | #A52A2A | 陰影 | 混合器 | |
| BurlyWood | #DEB887 | 陰影 | 混合器 | |
| CadetBlue | #5F9EA0 | 陰影 | 混合器 | |
| Chartreuse | #7FFF00 | 陰影 | 混合器 | |
| Chocolate | #D2691E | 陰影 | 混合器 | |
| Coral | #FF7F50 | 陰影 | 混合器 | |
| CornflowerBlue | #6495ED | 陰影 | 混合器 | |
| Cornsilk | #FFF8DC | 陰影 | 混合器 | |
| Crimson | #DC143C | 陰影 | 混合器 | |
| Cyan | #00FFFF | 陰影 | 混合器 | |
| DarkBlue | #00008B | 陰影 | 混合器 | |
| DarkCyan | #008B8B | 陰影 | 混合器 | |
  更多相關文章
一周排行
 所有分類
|