颜色格式转换
转换 HEX、RGB、HSL 与透明度，实时查看色样，并复制可直接使用的 CSS 颜色。
CSS 阴影生成器
直观调整位移、模糊、扩展、颜色与透明度，预览外阴影或内阴影并复制 box-shadow。
预览
工具介绍
调整卡片层次或按钮边缘时，分别观察模糊和扩展的效果。负的扩展值可收缩轮廓，模糊半径不能为负。
使用说明
调整水平和垂直偏移、模糊半径、扩展半径以及颜色透明度，预览会实时更新。勾选内阴影使用 inset，结果可复制或下载为 CSS。
位移和扩展允许负数，模糊不能为负；各尺寸范围为 -200 至 200px，模糊为 0–200px。本工具生成一层阴影，透明度为 0–100%。
常见问题
模糊和扩展半径有什么区别？
模糊让边缘变柔，扩展则放大或缩小阴影轮廓。启用 inset 可做内阴影；工具一次生成一层，多层效果需在目标 CSS 中组合。
怎样把阴影移到左边或上边？
水平偏移填负数会向左，垂直偏移填负数会向上；正数则向右、向下。导出的是盒子的 box-shadow，不会沿图片不透明区域的轮廓生成阴影。
相关工具
在新标签页打开
评论
0