Box-Shadow 생성기

부드러운 다중 레이어 그림자부터 네온 광채 효과까지, 세련된 웹 UI 그림자를 실시간 시각화하고 CSS 코드를 추출합니다.

그림자 레이어 스택 (최대 5개)

레이어 #1

레이어 #2

가로 거리 (Offset-X)0px

세로 거리 (Offset-Y)10px

흐림 정도 (Blur)15px

퍼짐 정도 (Spread)-3px

그림자 투명도 (Opacity)10%

그림자 색상

내부 그림자 (Inset)

배경색 (Canvas)

대상 박스 색상

스타일 프리셋