CSS 박스 그림자 생성기
실시간 미리보기로 CSS 박스 그림자를 디자인하세요.
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);오프셋, 흐림, 확산, 색상, 불투명도를 조절해 box-shadow를 만들고 CSS를 복사하세요.
사용 방법
- 슬라이더를 드래그해 그림자 모양을 잡으세요.
- 색상과 불투명도를 선택하세요.
- CSS를 복사하세요.
자주 묻는 질문
- inset은 무엇을 하나요?
- 요소 바깥이 아니라 안쪽에 그림자를 그립니다.
- 그림자를 겹칠 수 있나요?
- 네, 여러 box-shadow 값을 쉼표로 구분해 직접 조합할 수 있습니다.