CSS 박스 섀도우 생성기
오프셋, 흐림, 확산, 색상, 불투명도를 실시간 슬라이더로 조정해 미리보기 카드에 box-shadow 효과를 디자인한 다음, 정확한 CSS box-shadow 속성을 복사하세요 — 여러 그림자를 겹쳐 쌓는 기능도 지원합니다.
디자인·CSS 도구 브라우저에서 완전히 실행
모든 처리는 사용자의 기기에서 이루어지며, 서버로는 아무것도 전송되지 않습니다.
CSS 코드
box-shadow: 0px 8px 20px -2px rgba(0, 0, 0, 0.25);