以下部分列出了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作为整数实例 CSS 颜色值 CSS @规则(At