CSS Box Shadow 생성기 무료 온라인: 박스 그림자 시각적 생성
2 회 사용5px
5px
15px
0px
30%
Box Shadow 팁
시각적 조절
X/Y 오프셋, blur, spread, 색상 컨트롤. 실시간 미리보기 업데이트.
CSS 코드 복사
box-shadow 코드 자동 생성. 클릭 한 번으로 복사.
내부 그림자 (inset)
inset으로 안쪽 그림자. 깊이감과 폼 필드 효과에 유용.
자주 묻는 질문
CSS 그림자를 어떻게 만드나요?
컨트롤 조절: X/Y 오프셋(방향), blur(확산), spread(확장), 색상과 불투명도. 실시간 업데이트.
inset이란?
그림자가 바깥이 아닌 안쪽으로. 깊이 효과.
코드를 복사할 수 있나요?
네, CSS 코드가 표시되고 클릭으로 복사.
사용 방법
- X, Y 오프셋 조절
- blur와 spread 설정
- 색상과 불투명도 선택
- 내부 그림자는 inset 활성화
- CSS 코드 복사