←
🔲
☀️
🌙
🇺🇸
EN
▼
🇺🇸
English
🇸🇦
العربية
🇩🇪
Deutsch
🇪🇸
Español
🇫🇷
Français
🇮🇳
हिन्दी
🇮🇹
Italiano
🇯🇵
日本語
🇰🇷
한국어
🇳🇱
Nederlands
🇳🇴
Norsk
🇵🇱
Polski
🇧🇷
Português
🇷🇺
Русский
🇸🇪
Svenska
🇹🇭
ไทย
🇹🇷
Türkçe
🇨🇳
中文
←
🎨
CSS Box Shadow
☆
?
×
🎨
CSS Box Shadow
☆
Add to favorites
インタラクティブプレビューでCSS box-shadowコードを視覚的に生成します。オフセット、ぼかし、広がり、色を調整できます。美しいエフェクトのための多層シャドウを作成できます。
Horizontal:
10
px
Vertical:
10
px
Blur:
20
px
Spread:
0
px
Shadow Color
25%
Inset
Preview
CSS 出力
コピー