CSS drop-shadow로 이미지·요소에 그림자 효과 주기
CSS filter의 drop-shadow() 함수로 이미지나 요소의 실제 형태에 맞는 그림자를 만드는 CodePen 예제다. 기존 box-shadow와 달리 투명 배경을 가진 이미지의 모양 그대로 그림자가 생성되므로, 로고·아이콘·PNG 이미지에 자연스러운 그림자 효과를 줄 수 있다.
스크립트 & 소스코드 공유
실무에서 유용하게 쓰는 스크립트와 코드 조각을 블로그 게시판으로 저장하고 공유합니다.
총 1건의 글
Let's create something great together.
프로젝트 문의 및 견적 요청은 언제든 환영합니다.