CSS中的动画效果

动画是创建动作效果并更改外观的过程。CSS确实支持不同的动画效果来更改事件动作。

在动画下,使用概念关键帧。关键帧将控制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;

}

以上是 CSS中的动画效果 的全部内容, 来源链接: utcz.com/z/357741.html

回到顶部