CSS CSS drop-shadow로 이미지·요소에 그림자 효과 주기
페이지 정보
조회 131회
작성일 25-07-12 16:15
CSS filter의 drop-shadow() 함수로 이미지나 요소의 실제 형태에 맞는 그림자를 만드는 CodePen 예제다. 기존 box-shadow와 달리 투명 배경을 가진 이미지의 모양 그대로 그림자가 생성되므로, 로고·아이콘·PNG 이미지에 자연스러운 그림자 효과를 줄 수 있다.