CSS

Box shadow

fromslow 2020. 6. 23. 19:55

Box-shadow : 요소에 그림자를 줄 때

 

 

 

 

반드시 5가지를 순서대로 정해주어야 한다.

 

 

 

 

①h-offset : x축으로 얼마나 이동할지 (음수는 왼쪽으로, 0은 그 자리에, 양수는 오른쪽으로 만들어짐)

 

②v-offset : y축으로 얼마나 이동할지 (양수는 아래쪽, 0은 그 자리에, 음수는 위쪽으로 만들어짐)

 

③blur : 흐린정도, px로 표현

 

④spread : 그림자 사이즈

 

⑤color : 색상