内容生成Online

CSS 阴影生成器

调整偏移、模糊、扩展和颜色,生成 box-shadow。

本工具在浏览器本地运行,输入内容不会上传服务器。
ZGLab
box-shadow: 0px 12px 32px -8px #1D4ED8;
调整偏移、模糊、扩展和颜色,预览与 CSS 会同步更新。

HOW TO USE

使用说明

  1. 调整阴影偏移、模糊、扩展和颜色。
  2. 选择外阴影或内阴影。
  3. 复制 box-shadow CSS。

FAQ

常见问题

生成的 CSS 可以直接使用吗?

可以。复制结果即可粘贴到样式文件或浏览器开发工具中。

颜色数据会上传吗?

不会。换算与预览只在当前浏览器运行。