Box Shadow 생성기

실시간 미리보기로 CSS 박스 그림자를 생성하세요

미리보기

배경색:

그림자 (1/5)

그림자 레이어 #1

가로 오프셋 (X): 0px

세로 오프셋 (Y): 4px

흐림 정도: 6px

확산: 0px

색상

불투명도: 10%

안쪽 그림자 (Inset)

CSS 출력

box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);

벤더 프리픽스 포함 CSS

box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);

프리셋