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