CSS 動畫屬性
以下部分列出了 CSS 中可動畫的屬性。
CSS3 中的動畫屬性
以下部分包含屬於最新 CSS3 規範的可動畫屬性的完整列表。所有屬性都按字母順序列出。
| 屬性 | 動畫 |
|---|---|
background |
看具體屬性 |
background-color |
作為一種顏色 |
background-position |
作為長度，百分比或 calc() 的簡單列表的可重複列表 |
background-size |
作為長度，百分比或 calc() 的簡單列表的可重複列表 |
border |
看具體屬性 |
border-bottom |
看具體屬性 |
border-bottom-color |
作為一種顏色 |
border-bottom-left-radius |
作為長度，百分比或 calc() |
border-bottom-right-radius |
作為長度，百分比或 calc() |
border-bottom-width |
作為一個長度 |
border-color |
作為一種顏色 |
border-left |
看具體屬性 |
border-left-color |
作為一種顏色 |
border-left-width |
作為一個長度 |
border-radius |
看具體屬性 |
border-right |
看具體屬性 |
border-right-color |
作為一種顏色 |
border-right-width |
作為一個長度 |
border-spacing |
作為一個簡單的長度列表 |
border-top |
看具體屬性 |
border-top-color |
作為一種顏色 |
border-top-left-radius |
作為長度，百分比或 calc() |
border-top-right-radius |
作為長度，百分比或 calc() |
border-top-width |
作為一個長度 |
bottom |
作為長度，百分比或 calc() |
box-shadow |
作為影子列表 |
clip |
作為一個矩形 |
color |
作為一種顏色 |
column-count |
作為整數 |
column-gap |
作為一個長度 |
column-rule |
看具體屬性 |
column-rule-color |
作為一種顏色 |
column-rule-width |
作為一個長度 |
column-width |
作為一個長度 |
columns |
看具體屬性 |
flex |
看具體屬性 |
flex-basis |
作為長度，百分比或 calc() |
flex-grow |
作為一個數字 |
flex-shrink |
作為一個數字 |
font |
看具體屬性 |
font-size |
作為一個長度 |
font-size-adjust |
作為一個數字 |
font-stretch |
作為字型拉伸 |
font-weight |
作為字型粗細 |
height |
作為長度，百分比或 calc() |
left |
作為長度，百分比或 calc() |
letter-spacing |
作為一個長度 |
line-height |
作為數字或長度 |
margin |
作為一個長度 |
margin-bottom |
作為一個長度 |
margin-left |
作為一個長度 |
margin-right |
作為一個長度 |
margin-top |
作為一個長度 |
max-height |
作為長度，百分比或 calc() |
max-width |
作為長度，百分比或 calc() |
min-height |
作為長度，百分比或 calc() |
min-width |
作為長度，百分比或 calc() |
opacity |
作為一個數字 |
order |
作為整數 |
outline |
看具體屬性 |
outline-color |
作為一種顏色 |
outline-offset |
作為一個長度 |
outline-width |
作為一個長度 |
padding |
作為一個長度 |
padding-bottom |
作為一個長度 |
padding-left |
作為一個長度 |
padding-right |
作為一個長度 |
padding-top |
作為一個長度 |
perspective |
作為一個長度 |
perspective-origin |
作為長度，百分比或 calc() 的簡單列表 |
right |
作為長度，百分比或 calc() |
text-decoration-color |
作為一種顏色 |
text-indent |
作為長度，百分比或 calc() |
text-shadow |
作為影子列表 |
top |
作為長度，百分比或 calc() |
transform |
作為一種轉變 |
transform-origin |
作為長度，百分比或 calc() 的簡單列表 |
vertical-align |
作為一個長度 |
visibility |
作為一個能見度 |
width |
作為長度，百分比或 calc() |
word-spacing |
作為一個長度 |
z-index |
作為整數 |