CSS 生成器
可视化创建渐变、阴影、圆角和 flexbox 布局,然后复制干净的 CSS 代码。
4 款工具
CSS渐变生成器创建线性、径向和锥形CSS渐变,色标数量不限。实时预览、预设和随机灵感,可导出CSS、SCSS、SVG或PNG。CSS阴影生成器可视化设计CSS阴影,支持多图层、内阴影、模糊、扩展和颜色。实时预览,可导出CSS、SCSS或Tailwind。CSS圆角生成器可视化设置圆角:四角联动或分别调整,支持px或%,可制作圆形和有机形状,并复制CSS、SCSS或Tailwind代码。CSS Flexbox生成器可视化构建Flexbox布局:方向、换行、justify-content、align-items、gap以及每个元素的伸展。提供页头、侧边栏和卡片网格等预设,导出CSS、SCSS、Tailwind。
