CSS: 그림자 추가

1. 이미지에 그림자 효과를 적용합니다.

img{
  filter: drop-shadow(offset-x offset-y blur color);
}

2.텍스트에 그림자를 추가합니다.

h1{
  text-shadow: offset-x offset-y blur color;
}

3. 요소에 하나 이상의 사각형 모양 그림자 추가

  box-shadow: offset-x offset-y blur color, 
              offset-x offset-y blur color, 
              offset-x offset-y blur color;
}

*박스섀도우와 드롭섀도우의 차이점