以下部分列出了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 |
作为整数 |