[CSS] box-shadow

 

 

Box-shadow

- 그림자 효과

- 3개의 value

 /* x축 | y축 | 색상 */
 box-shadow: 60px -16px teal;

---

 - 4개의 value

/* x축 | y축 | blur-radius | 색상 */
box-shadow: 10px 5px 5px black;

(blur-radius 값이 클수록 크기는 커지면서 테두리는 흐려지고 색은 옅어짐)

---

- x축과 y축의 값이 모두 0일 때

/* x축 | y축 | blur-radius | 색상 */
box-shadow: 0px 0px 15px #orange;