box-shadow

요소에 그림자를 추가합니다.

x·y 오프셋, 흐림(blur), 확산(spread), 색을 지정합니다. inset 키워드로 안쪽 그림자도 만들 수 있고, 쉼표로 여러 그림자를 겹칠 수 있습니다.

주요 값<x> <y> <blur> <spread> <color> | inset

예시

.card { box-shadow: 0 2px 8px rgba(0,0,0,.1); }