Interactive box-shadow builder with multi-layering, real-time Canvas preview, and CSS output.
상자 그림자는 조명과 고도를 시뮬레이션하여 UI 요소에 깊이를 추가합니다. 잘 디자인된 그림자는 시각적 계층 구조를 만들고 인터페이스가 더욱 촉각적인 느낌을 갖게 합니다.
수평 오프셋, 수직 오프셋, 흐림, 확산, 색상 및 불투명도를 조정합니다. 캔버스 미리보기는 실시간으로 업데이트됩니다. 만족스러우면 CSS 코드를 복사하세요.
흐림과 확산의 차이점은 무엇입니까? 흐림 효과는 그림자 가장자리의 부드러운 정도를 제어합니다. 확산은 그림자가 확장되는 정도를 제어합니다.
그림자 레이어는 몇 개나 사용해야 합니까? 보통 1~2겹이면 충분합니다. 내부 깊이에는 삽입 그림자를 사용합니다.