首页Home › CSS 生成器CSS Generators
🎞️ CSS 动画生成器（@keyframes）CSS Animation Generator (@keyframes)
选择淡入、滑入、弹跳、抖动、脉冲、旋转、缩放等预设，调节时长、缓动、次数和延迟，生成 @keyframes 动画代码并实时预览。Pick fade, slide, bounce, shake, pulse, rotate or zoom presets, tune duration, easing, iterations and delay, and get @keyframes code with a live preview.
使用说明与常见问题How-to & FAQ
「CSS 动画生成器（@keyframes）」是什么？What is the CSS Animation Generator (@keyframes)?
选择淡入、滑入、弹跳、抖动、脉冲、旋转、缩放等预设，调节时长、缓动、次数和延迟，生成 @keyframes 动画代码并实时预览。Pick fade, slide, bounce, shake, pulse, rotate or zoom presets, tune duration, easing, iterations and delay, and get @keyframes code with a live preview.
如何使用「CSS 动画生成器（@keyframes）」？How do I use the CSS Animation Generator (@keyframes)?
在「CSS 动画生成器（@keyframes）」中，按需设置「时长s」、「次数」、「延迟s」等选项，然后点击「重播」、「复制 CSS」按钮即可。In the CSS Animation Generator (@keyframes): Set "Duration s", "Iterations", "Delay s", then click "Replay", "Copy CSS".
生成的 CSS 兼容哪些浏览器？Which browsers support the generated CSS?
「CSS 动画生成器（@keyframes）」生成的是标准 CSS 属性，Chrome、Edge、Firefox、Safari 的现代版本都支持，可直接复制使用。The CSS Animation Generator (@keyframes) outputs standard CSS supported by current Chrome, Edge, Firefox and Safari; copy it as-is.
「CSS 动画生成器（@keyframes）」免费吗？需要注册吗？Is the CSS Animation Generator (@keyframes) free? Do I need an account?
「CSS 动画生成器（@keyframes）」完全免费，无需注册或安装，打开网页即可使用，手机和电脑都能用；输入的内容只在你的浏览器本地处理。The CSS Animation Generator (@keyframes) is completely free with no sign-up or install and works on phones and desktops; what you enter is processed only in your browser.