CSS阴影生成器

CSS Shadow Generator

可视化编辑CSS阴影效果，支持多层阴影和实时预览

Visually edit CSS shadow effects with multi-layer support and live preview

⚙️ 阴影参数

⚙️ Shadow Parameters

📋 生成的CSS代码

📋 Generated CSS Code

/* Your CSS code will appear here */

👁 实时预览

👁 Live Preview

渐变
Gradient
White
White
Checker
Checker
Preview
200px

⚙️ 文字阴影参数

5px
5px
0px

📋 生成的CSS代码

📋 Generated CSS Code

/* Your CSS code will appear here */

👁 实时预览

👁 Live Preview

渐变
Gradient
Dark
Image
Shadow Text

🎨 阴影预设模板

🎨 Shadow Preset Templates

🎨 文字阴影预设

🎨 Text Shadow Presets

💡 提示：支持添加最多5层阴影，可以创建复杂的光晕、浮雕等效果。调整颜色时请注意RGBa的使用。
💡 Tip: Add up to 5 shadow layers to create complex effects like glow, emboss, and more.