T55 · Box-shadow

CSS Box-shadow 생성기

가로·세로 오프셋, 흐림 정도, 번짐 정도, 색상, 안쪽 그림자 여부를 슬라이더로 조절하며 실시간으로 미리보고 CSS 코드를 바로 복사합니다.

CSS 코드

이럴 때 씁니다

  • 카드·버튼 컴포넌트에 은은한 그림자를 넣을 때 값을 직접 계산하지 않고 눈으로 맞출 때.
  • 안쪽 그림자(inset)를 켜면 입력창이 눌린 듯한 느낌을 줄 수 있습니다.