CSS 动画
一些 CSS 属性是 可以有动画效果的 ,这意味着它们可以用于动画和过渡
动画属性可以逐渐地从一个值变化到另一个值,比如尺寸大小、数量、百分比和颜色
浏览器支持
下下表中的数字表示支持该方法的第一个浏览器的版本号
紧跟在数字后面的 -webkit-, -moz-, 或 -o- 指定了第一个支持该属性的浏览器版本前缀
4.0 -webkit- | 10.0 | 16.0 5.0 -moz- |
4.0 -webkit- | 15.0 -webkit- 12.1 12.0 -o- |
范例
背景颜色逐渐地从红色变化到蓝色
@keyframes mymove { from {background-color:red;} to {background-color:blue;} } /*Safari 和 Chrome:*/ @-webkit-keyframes mymove { from {background-color:red;} to {background-color:blue;} }
动画属性
CSS 中的动画属性