[CSS] 그림자: box-shadow

box-shadow: 

박스에 그림자를 나타내는 기능으로 다음과 같이 작성될 수 있음.

box-shadow: 5px 10px 15px 8px rgba(0, 0, 0, 0.6);
/*
  가로: 5px
  세로: 10px
  흐린 정도(Blur): 15px
  퍼지는 정도(Spread): 8px
  색상: rgba(0, 0, 0, 0.6)
*/

 box-shadow: 10px 15px 20px 5px rgba(0, 0, 0, 0.4); /* 가로, 세로, 블러, 그림자가 퍼지는 크기, 그림자 색상*/

 

 

 

유용한 사이트

https://cssgenerator.org/box-shadow-css-generator.html