box-shadow
box-shadow 속성에 대한 유틸리티입니다.
요소의 주변에 그림자 효과를 추가합니다.
클래스 | 약어 클래스 | 속성 |
---|---|---|
box-shadow:0 | box-shadow: none; | |
box-shadow:1 | box-shadow: var(--box-shadow-1); | |
box-shadow:2 | box-shadow: var(--box-shadow-2); | |
box-shadow:3 | box-shadow: var(--box-shadow-3); | |
box-shadow:4 | box-shadow: var(--box-shadow-4); | |
box-shadow:5 | box-shadow: var(--box-shadow-5); | |
box-shadow:6 | box-shadow: var(--box-shadow-6); | |
box-shadow:7 | box-shadow: var(--box-shadow-7); |
기본 박스 그림자 스타일 var(--box-shadow)
설정과 관련된 내용은 여기를 참고해주세요.