定義和用法
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顏色的完整概述,請訪問我們的顏色教程。