PHP前端开发

CSS 中的动画效果

百变鹏仔 3个月前 (09-19) #CSS
文章标签 效果

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

在Animation下,有一个概念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;}