CSS关键帧动画生成器
CSS关键帧动画生成器提供12种现成的动画类型可供选择（淡入/淡出、从四个方向滑入、放大/缩小、弹入、旋转进入、沿X轴或Y轴翻转），并可调整持续时间、延迟、时间函数和循环次数，配有实时预览和重播按钮。复制完整的@keyframes规则以及可直接使用的动画类即可。所有生成过程均在浏览器中完成，绝不会上传到任何服务器。
设计与 CSS 工具 完全在浏览器中运行
代码完全在您的浏览器中生成 — 不会向任何服务器发送任何内容。
CSS 代码
@keyframes uddatakAnim {
0% { opacity: 0; }
100% { opacity: 1; }
}
.animated-box {
animation: uddatakAnim 800ms ease-out 0ms 1;
}常见问题
是的，@keyframes和animation属性在所有现代浏览器中均受支持，无需任何特殊的浏览器前缀。