定义和用法
一些 CSS 属性可用于动画制作，这意味着它们可用于过渡等效果中。
可设置动画的属性可以从一个值逐渐更改为另一个值，例如尺寸、数字、百分比和颜色。
浏览器支持
表格中的数字注明了完全支持 CSS 动画的首个浏览器版本。
-webkit-、-moz- 或 -o- 后面的数字注明了使用前缀的第一个版本。
| 43.0 4.0 -webkit- | 10.0 | 16.0 5.0 -moz- | 9.0 4.0 -webkit- | 30.0 15.0 -webkit- 12.0 -o- |
实例
设置背景颜色从红色到蓝色的动画：
@keyframes mymove {
from {background-color: red;}
to {background-color: blue;}
}
动画相关属性
下面的表格中列出了 CSS 中的动画相关属性：
| 属性 |
| background |
| background-color |
| background-position |
| background-size |
| border |
| border-bottom |
| border-bottom-color |
| border-bottom-left-radius |
| border-bottom-right-radius |
| border-bottom-width |
| border-color |
| border-left |
| border-left-color |
| border-left-width |
| border-right |
| border-right-color |
| border-right-width |
| border-spacing |
| border-top |
| border-top-color |
| border-top-left-radius |
| border-top-right-radius |
| border-top-width |
| bottom |
| box-shadow |
| clip |
| color |
| column-count |
| column-gap |
| column-rule |
| column-rule-color |
| column-rule-width |
| column-width |
| columns |
| filter |
| flex |
| flex-basis |
| flex-grow |
| flex-shrink |
| font |
| font-size |
| font-size-adjust |
| font-stretch |
| font-weight |
| grid |
| grid-area |
| grid-auto-columns |
| grid-auto-flow |
| grid-auto-rows |
| grid-column |
| grid-column-end |
| grid-column-gap |
| grid-column-start |
| grid-gap |
| grid-row |
| grid-row-end |
| grid-row-gap |
| grid-row-start |
| grid-template |
| grid-template-areas |
| grid-template-columns |
| grid-template-rows |
| height |
| left |
| letter-spacing |
| line-height |
| margin |
| margin-bottom |
| margin-left |
| margin-right |
| margin-top |
| max-height |
| max-width |
| min-height |
| min-width |
| object-position |
| opacity |
| order |
| outline |
| outline-color |
| outline-offset |
| outline-width |
| padding |
| padding-bottom |
| padding-left |
| padding-right |
| padding-top |
| perspective |
| perspective-origin |
| right |
| text-decoration-color |
| text-indent |
| text-shadow |
| top |
| transform |
| transform-origin |
| vertical-align |
| visibility |
| width |
| word-spacing |
| z-index |