🎨

CSS 阴影生成器

box-shadow 可视化编辑器

水平偏移: 0px

垂直偏移: 4px

模糊半径: 12px

扩展半径: 0px

阴影颜色

透明度: 30%

内阴影 (inset)

CSS 代码

Frequently Asked Questions

What's the difference between box-shadow and text-shadow?

box-shadow applies a shadow effect to an element's box (border area), while text-shadow applies to text characters. Both use similar parameters: offset, blur, spread, and color.

Can I create multiple shadows?

Yes, you can stack multiple shadow layers separated by commas for complex shadow effects.

Does it support inset shadows?

Yes, the tool supports both outer shadows (default) and inset shadows (inside the element boundary).