CSS 박스 그림자 생성기
실시간 미리보기와 프리셋으로 box-shadow CSS 생성
레이어
오프셋 X
오프셋 Y
흡림
확산
색상 25%
안쪽
CSS - 붙여넣기 또는 편집
예시
| 미리보기 | 이름 | 카테고리 | 레이어 | 적용 |
|---|---|---|---|---|
| Soft | classic | 1 | ||
| Hard | classic | 1 | ||
| Glow | classic | 1 | ||
| Inset Pressed | classic | 2 | ||
| Neumorphism | neumorphism | 2 | ||
| Neon | glow | 3 | ||
| Matrix | glow | 3 | ||
| Vaporwave | glow | 3 | ||
| Torch | glow | 4 | ||
| Aurora | glow | 4 | ||
| Rainbow | multicolor | 6 | ||
| Inferno | multicolor | 7 | ||
| Cyberpunk | multicolor | 4 | ||
| Galaxy | multicolor | 4 | ||
| Pop Art | multicolor | 2 | ||
| 3D Extrude | depth | 6 | ||
| Floating | depth | 2 | ||
| Pile | depth | 5 | ||
| Rings | depth | 7 | ||
| Pyramid | depth | 11 | ||
| Ice | inset | 3 | ||
| Horror | inset | 3 | ||
| Well | inset | 3 |