免费工具
简体中文
生成CSS动画
生成CSS动画 — 输入数据并检查格式或内容. 输入指南: 模式, 秒. 无需账号.
无需账号
正在加载工具…
使用方法
- 1输入指南: 模式, 秒.
- 2运行工具并查看结果。
- 3复制结果 / 保存结果文件.
使用提示
先通过示例检查输出格式。保留原始内容，核对转换值、空格和换行后再使用结果。
广告可能处理连接数据，个性化遵循您的隐私选择。 隐私说明（英语）
实际输入与输出示例
以下结果由此工具的实际引擎使用示例值计算，不使用个人输入或已保存工作。可在工具中载入示例查看相同输入。
示例输入
| 字段 | 值 |
|---|---|
| 模式 | 淡入 |
| 秒 | 1 |
示例结果
@keyframes example {
from { opacity: 0; }
to { opacity: 1; }
}
.element { animation: example 1s ease both; }
@media (prefers-reduced-motion: reduce) {
.element { animation: none; }
}输入条件
以下为实际输入验证范围，并不保证所有允许值都符合现实或适用于您的情况。
- 模式: 可选值: 淡入 / 滑入 / 旋转