CSS 阴影生成器

工具介绍

直观调整位移、模糊、扩展、颜色与透明度，预览外阴影或内阴影并复制 box-shadow。

设计工具

使用说明

调整水平和垂直偏移、模糊半径、扩展半径以及颜色透明度，预览会实时更新。勾选内阴影使用 inset，结果可复制或下载为 CSS。

位移和扩展允许负数，模糊不能为负；各尺寸范围为 -200 至 200px，模糊为 0–200px。本工具生成一层阴影，透明度为 0–100%。

相关工具

颜色格式转换

转换 HEX、RGB、HSL 与透明度，实时查看色样，并复制可直接使用的 CSS 颜色。

设计工具

颜色对比度检查

检查文字与背景的 WCAG 2.2 对比度，实时预览并分别显示普通与大号文字的 AA、AAA 结果。

设计工具

CSS 渐变生成器

可视化制作线性或径向渐变，编辑 2–8 个色标和位置，实时预览并复制 CSS。

设计工具

宽高比例计算

约分图片或视频的宽高比例，按已知宽度或高度计算另一边，并直观查看画面形状。

设计工具

评论

0

最新 最热 连续加载 分页

登录后参与评论。

暂无评论

回复讨论

按时间查看完整回复脉络；每条回复都会标明它回应的具体内容。