CSS에서 그림자 효과를 추가하려면 filter 속성을 사용합니다. 다음은 그림자 효과를 주는 간단한 CSS 코드의 예시입니다.

.element {
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.5));
}

위의 코드에서 drop-shadow 함수는 그림자 효과를 생성하는데 사용됩니다. 함수의 매개변수로는 그림자의 수평 위치, 수직 위치, 흐림 정도, 색상 등을 지정할 수 있습니다.

이와 같은 방식으로 CSS 필터를 사용하여 요소에 그림자 효과를 추가할 수 있습니다.

참고 문헌:

• CSS 필터 속성: https://developer.mozilla.org/en-US/docs/Web/CSS/filter