사용 방법
효과 종류를 고르고 거리·흐림·투명도와 배경을 조절하세요. 미리보기에서 대비를 확인하고 생성된 속성을 프로젝트 스타일에 복사합니다.
🪟
CSS·웹디자인
CSS 그림자·글래스 생성기
슬라이더로 Box Shadow와 Glassmorphism을 만들고 CSS를 복사해요.
미리보기
box-shadow: 12px 18px 36px -8px rgba(40, 30, 25, 0.22);
border-radius: 28px;도구 안내
이럴 때 사용하세요
내용 검토 · 2026-07-22
박스 그림자와 반투명 유리 효과를 슬라이더로 눈으로 맞춘 뒤 CSS 코드로 가져갈 때 사용합니다.
사용 전 확인
backdrop-filter는 브라우저와 뒤쪽 배경에 따라 다르게 보이고 과한 블러는 성능을 떨어뜨립니다. 실제 페이지의 밝고 어두운 배경에서 모두 시험하세요.
데이터 처리
입력값은 계산을 위해 현재 화면에서만 사용하며 별도로 전송하거나 저장하지 않습니다.