🟦

박스 그림자 생성기

슬라이더로 CSS box-shadow 코드를 즉시 생성하세요

H-offset 4px

V-offset 4px

Blur 10px

Spread 0px

그림자 색상

투명도 (Alpha) 20%

inset (안쪽 그림자)

미리보기

생성된 CSS 코드

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);

💡 텍스트에 그림자를 적용하려면 텍스트 그림자 생성기를 사용해 보세요.

자주 묻는 질문

네, 여러 box-shadow 레이어를 추가하여 복잡한 그림자 효과를 만들 수 있습니다.

네, 내부(inset) 그림자 옵션을 선택하여 안쪽 그림자를 만들 수 있습니다.

생성된 box-shadow CSS 코드를 복사 버튼으로 바로 복사할 수 있습니다.