CSS 生成器

二十一个：三角形、箭头、形状、剪辑路径和边框半径生成器；功能区、工具提示和加载器组件构建器；渐变、框阴影、文本阴影、玻璃形态、同态、滤镜、变换、动画和透视效果编辑器；加上 Grid Builder、Flexbox Playground、Grid Playground 和 CSS 变量生成器 — 所有这些都在一个界面中。

是的。输出是干净的、符合标准的 CSS，您可以直接粘贴到任何样式表或组件中。在重要的地方（剪辑路径、过滤器），包括供应商前缀的后备，动画工具输出完整的 @keyframes 块。

打开三角形生成器，选择方向（上、下、左、右），使用滑块设置大小和颜色，然后复制基于边框的 CSS。它使用适用于每个浏览器的经典零宽度/零高度边框技巧。

是的。动画生成器提供预设（弹跳、淡入淡出、滑入、旋转、摇动、弹出）以及持续时间、延迟、计时功能和迭代计数的控件。它会为您生成完整的动画简写以及 @keyframes 规则。

是的。直观地调整方向、调整内容、对齐项目、换行、间隙和项目计数，并且该工具会输出容器的精确 CSS。它非常适合了解每个属性如何影响布局以及抓住工作起点。

不会。一切都在您的浏览器本地运行 - 预览渲染客户端，并且 CSS 在您的设备上生成。没有上传任何内容，因此该工具速度快且完全私密。