← 工具
设计与CSS
创建颜色、响应式大小调整和生产就绪的 CSS。
颜色与无障碍设计
CSS 布局与视觉效果
- 盒阴影生成器拖动滑块调整偏移、模糊、扩散和颜色,叠加多层做出立体阴影,CSS 代码实时生成,随时复制。
- 渐变生成器生成线性、径向或锥形渐变,添加色标、调整方向,CSS 代码一键复制。
- 圆角生成器拖动滑块分别调四个角的圆角,开椭圆模式还能捏出流动的异形(“blob”)形状,CSS 代码实时生成,随时复制。
- Flexbox 布局生成器用可视化面板配置 flex 容器和每个项目,布局实时预览,CSS 代码一键复制。
- CSS Grid 布局生成器设好列和行,在格子上拖出区域来放置项目,网格 CSS 连同对应 HTML 一键复制。
- CSS 缓动曲线生成器拖动两个手柄捏出缓动曲线,让小球沿着它和匀速运动赛跑,cubic-bezier() 值随时复制。
- CSS clamp() 计算器给小屏和大屏各设一个尺寸,得到一个中间平滑过渡的响应式 clamp() 值——字号、内边距、外边距、间距都能用。
字体检查与许可信息
屏幕、印刷与比例设计
当前分类中没有匹配的工具。