在线工具 CSS3 动画生成器

Animation Name

Animation Duration

Animation Timing

Animation Delay

Animation Iteration Count

Animation Direction

Animation Play State

Animation

懒人的 CSS 动画生成器。

CSS 动画

CSS 允许在不使用 JavaScript 或 Flash 的情况下制作 HTML 元素的动画

在本章中，您将了解以下属性：

@关键帧
动画名称
动画持续时间
动画延迟
动画迭代计数
动画方向
动画定时功能
动画填充模式
动画

浏览器特定前缀

一些较旧的浏览器需要特定的前缀 (-webkit-) 来理解动画属性

什么是 CSS 动画？

动画让元素逐渐从一种样式变为另一种样式。

您可以随意更改任意数量的 CSS 属性。

要使用 CSS 动画，必须首先为动画指定一些关键帧。

关键帧保存元素在特定时间将具有的样式。

@keyframes 规则

当您在@keyframes 规则中指定CSS 样式时，动画会在某些时候逐渐从当前样式更改为新样式。