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