CSS3动画@keyframes


本文向大家介绍CSS3动画@keyframes,包括了CSS3动画@keyframes的使用技巧和注意事项,需要的朋友参考一下

关键帧控制CSS3中的中间动画步骤。

 让我们看一个使用关键帧语法显示动画的高度,宽度,颜色,名称和持续时间的示例

@keyframes animation {
   from {background-color: pink;}
   to {background-color: green;}
}
div {
   width: 100px;
   height: 100px;
   background-color: red;
   animation-name: animation;
   animation-duration: 5s;
}