CSS与设计
生成CSS、构建布局、创建动画,并通过实时预览进行设计。
44 tools
CSS渐变生成器
创建美丽的线性、放射性和圆锥形CSS渐变,具有多个颜色停靠点和角度控制。
🎨 CSS & Design
CSS 盒阴影生成器
使用多层、内嵌选项和实时预览来生成 CSS 盒阴影。
🎨 CSS & Design
CSS 文字阴影生成器
使用可视化控制创建 CSS 文字阴影,调整偏移、模糊度、颜色和不透明度。
🎨 CSS & Design
CSS 边框圆角生成器
使用每个角度的控制和可视化预览来生成 CSS 边框圆角值。
🎨 CSS & Design
CSS 按钮生成器
使用颜色、内边距、边框、阴影和悬停效果设计自定义 CSS 按钮。
🎨 CSS & Design
CSS 卡片生成器
使用背板模糊、透明度和阴影控制构建玻璃形态卡片设计。
🎨 CSS & Design
CSS 提示工具生成器
生成纯 CSS 提示工具,自定义位置、箭头、颜色和样式。
🎨 CSS & Design
CSS 缎带生成器
为卡片和内容区域创建 CSS 角落和边缘缎带。
🎨 CSS & Design
CSS 加载动画生成器
生成可自定义样式的 CSS 加载旋转器和动画加载器。
🎨 CSS & Design
CSS 三角形生成器
使用边框技术生成 CSS 三角形,支持方向和颜色控制。
🎨 CSS & Design
CSS 裁剪路径生成器
使用多边形、圆圈和椭圆预设创建 CSS 裁剪路径形状。
🎨 CSS & Design
CSS 滤镜生成器
使用视觉控件应用 CSS 滤镜效果,如模糊、亮度、对比度等。
🎨 CSS & Design
CSS 变换实验室
使用 CSS 变换,包括旋转、缩放、倾斜和平移,并结合 3D 透视进行实验。
🎨 CSS & Design
CSS 动画生成器
使用预设效果和可自定义的时间创建 CSS 关键帧动画。
🎨 CSS & Design
CSS 过渡效果生成器
使用可自定义的属性、持续时间、缓动和悬停效果来生成 CSS 过渡。
🎨 CSS & Design
CSS 弹性盒子实验室
具有交互控制的视觉 CSS 弹性盒子探索器,支持所有弹性容器属性。
🎨 CSS & Design
CSS 网格操场
带有交互控制的可视化 CSS 网格构建器,用于模板列、行和间距。
🎨 CSS & Design
CSS 表格生成器
使用可自定义颜色、条纹和悬停效果来创建漂亮的 HTML 表格。
🎨 CSS & Design
CSS 列表生成器
创建可自定义列数、间距和样式的多列文本布局。
🎨 CSS & Design
CSS 滚动捕捉生成器
为水平和垂直滚动创建 CSS 滚动捕捉布局,包括捕捉对齐。
🎨 CSS & Design
玻璃态效果生成器
使用背景模糊、透明度和饱和度控制创建霜化玻璃UI效果。
🎨 CSS & Design
新拟态生成器
使用轻暗影对生成新拟态(软UI)设计。
🎨 CSS & Design
粘土形态生成器
创建具有圆角、内阴影和柔软高光的粘土般的3D UI效果。
🎨 CSS & Design
CSS渐变文本
使用CSS background-clip和text-fill-color创建带有渐变填充的文本。
🎨 CSS & Design
CSS 背景图案生成器
创建重复的 CSS 背景图案,包括条纹、棋盘格、圆点等。
🎨 CSS & Design
SVG
CSS
🎨 CSS & Design
CSS
SVG,
🎨 CSS & Design
CSS 波浪生成器
使用可自定义的波浪、高度和颜色生成SVG波浪分隔符。
🎨 CSS & Design
CSS 分割线生成器
使用多种样式(包括渐变、阴影和锯齿)生成 CSS 部分分隔符。
🎨 CSS & Design
响应式设计测试器
使用内置的iframe查看器预览网站在常见设备断点下的效果。
🎨 CSS & Design
媒体查询生成器
根据特征条件和预设断点生成CSS媒体查询。
🎨 CSS & Design
Tailwind CSS 演示场景
实时预览和 HTML 输出,应用 Tailwind CSS 实用类到元素中。
🎨 CSS & Design
Tailwind 配置生成器
使用自定义颜色、字体和断点生成 Tailwind CSS 配置文件。
🎨 CSS & Design
字体尺寸比例生成器
使用可自定义的基本大小、比率和单位来生成模块化的字体尺寸比例。
🎨 CSS & Design
间距比例生成器
使用可自定义的基准单位和倍数生成一致的间距比例系统。
🎨 CSS & Design
谷歌字体预览
使用可自定义的文本、大小、粗细和字母间距来预览谷歌字体。
🎨 CSS & Design图标搜索
搜索和自定义开源SVG图标,支持调整大小、颜色和笔画宽度。
🎨 CSS & Design
SVG 转 CSS 背景图
使用数据 URI 编码将 SVG 代码转换为 CSS 背景图像。
🎨 CSS & Design
CSS 变量生成器
为颜色、间距和字体样式生成 CSS 自定义属性(变量)。
🎨 CSS & Design
CSS 重置查看器
查看和比较流行的 CSS 重置和标准化样式表。
🎨 CSS & Design
长宽比盒子生成器
使用现代和传统的CSS方法生成响应式长宽比盒子。
🎨 CSS & Design
CSS 计数器生成器
为自定义编号列表生成 CSS 计数器,支持各种样式和嵌套。
🎨 CSS & Design
打印样式表生成器
根据选项生成 @media 打印样式表,包括隐藏元素、设置文本样式和控制页面断点。
🎨 CSS & Design
电子邮件CSS内联工具
将CSS样式内联到HTML元素中,以确保电子邮件模板的兼容性。
🎨 CSS & Design