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