Toolora

CSS 阴影生成器

通过滑块设计 CSS 盒阴影并实时预览。

CSS 阴影生成器通过偏移、模糊和扩散滑块构建 box-shadow 值,支持颜色、内阴影和实时预览。

使用方法

  1. 调整 X、Y、模糊和扩散滑块。
  2. 选择颜色并按需开启内阴影。
  3. 复制生成的 CSS 声明。

常见问题

可以使用负偏移吗?

可以,X 和 Y 支持 -100 到 100 像素。

预览准确吗?

预览元素会应用完全相同的 CSS 值。