[ CSS ] box-shadow 속성 사용법 (기초)

 

 box-shadow:-10px -10px 10px rgba(45,45,45,0.5);

※ 샘 사용 예제   

 

- 5개 값을 입력하지 않으시고 4개의 값만으로 사용하셨음. 

- 아래는 구글링한 사용법.

 

 

box-shadow: [h-offset] [v-offset] [blur] [spread] [color] (inset);

 

• h-offset: 그림자의 좌우 위치 설정
• v-offset: 그림자의 상하 위치 설정
• blur: 그림자의 흐려짐 정도의 범위
• spread: 그림자의 크기
• color: 그림자 색상
• inset: (optional) 요소 내부에 그림자 표현, 기본적으로 그림자는 요소 외부에 위치

 

- 좌 : 마이너스

- 상 : 마이너스