🌑 Box Shadow 생성기

box-shadow 및 text-shadow CSS 코드를 시각적으로 생성합니다.

모드
X 이동4px
Y 이동6px
흐림 (Blur)12px
퍼짐 (Spread)0px
투명도30%
프리셋
Box
CSS 코드 (클릭하여 복사)

📖 사용방법

  1. 수평/수직 오프셋, 블러, 스프레드, 색상을 슬라이더로 조정합니다.
  2. 프리셋 버튼으로 네온, 뉴모피즘, 카드 등 자주 쓰는 스타일을 빠르게 적용합니다.
  3. 여러 레이어의 그림자를 쌓아 복잡한 효과를 만들 수 있습니다.
  4. 생성된 CSS 코드를 복사해서 바로 사용합니다.