📋
CSS动画生成器
可视化生成CSS3动画代码,内置淡入、滑动、缩放、弹跳等效果,可调时长、缓动与延迟,实时预览
CSS 代码
如何使用CSS动画生成器
- 选动画类型(淡入淡出、平移、缩放、旋转、弹跳等)
- 调持续时间、延迟、缓动函数和循环次数
- 右侧实时预览,满意后复制 CSS
- 把代码贴进样式表或元素即可
CSS动画生成器功能说明
- 可视化生成 @keyframes 和 animation 代码
- 常用动效预设齐全,缓动曲线可自定义
- 复制即用,兼容主流浏览器
注意事项
- 注意加浏览器前缀或确认目标浏览器支持
- 动效宜少而精,过多显廉价还影响性能
- 兼顾系统“减少动态效果”的无障碍设置