CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

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