Loading…
box-shadow를 시각적으로 만들고 CSS를 복사.
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
여러 레이어를 쌓아 그림자의 방향, 흐림, 확산, 색상을 조정할 수 있습니다. 생성된 CSS를 그대로 붙여넣으세요.
X·Y 오프셋, 흐림(blur), 확산(spread), 색상 등의 슬라이더를 조절하기만 하면 실시간 미리보기를 보면서 CSS가 생성됩니다. 생성된 코드는 한 번의 클릭으로 복사할 수 있습니다.
네. 여러 레이어를 겹쳐 입체적인 그림자를 표현할 수 있으며, inset 옵션을 켜면 요소 안쪽에 드리워지는 내부 그림자도 만들 수 있습니다.
네, 완전 무료이며 가입 없이 이용하실 수 있습니다. 생성한 CSS는 상업용 프로젝트에서도 자유롭게 사용할 수 있습니다.