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 |
作为整数 |