CSS box-shadow란 무엇인가
**box-shadow**는 HTML 요소에 그림자를 추가하는 CSS 속성입니다. 이미지 없이 CSS 코드만 사용하여 깊이와 차원성을 표현할 수 있는 필수적인 웹 디자인 기술입니다.
box-shadow 매개변수
**box-shadow**는 '수평-오프셋 수직-오프셋 블러 스프레드 색상' 순서로 지정됩니다. 수평 및 수직 오프셋은 그림자 위치를 결정하고, 블러는 가장자리 부드러움을 제어하고, 스프레드는 그림자 크기를 제어하며, 색상은 투명도를 포함한 **RGBA**로 지정할 수 있습니다.
inset (내부 그림자)
**inset** 키워드를 추가하면 그림자가 요소의 외부가 아닌 내부에 그려집니다. 들여쓰기된 양식 입력 또는 눌린 버튼 상태를 표현하는 데 적합합니다.
여러 그림자 계층화
그림자를 계층화하기 위해 쉼표로 구분하여 여러 **box-shadows**를 지정할 수 있습니다. **Neumorphism** 디자인은 밝은 그림자와 어두운 그림자를 결합하여 3차원 질감을 표현합니다.