CSS CSS drop-shadow로 이미지·요소에 그림자 효과 주기
페이지 정보
조회 128회
작성일 25-07-12 16:15
CSS filter의 drop-shadow() 함수로 이미지나 요소의 실제 형태에 맞는 그림자를 만드는 CodePen 예제다. 기존 box-shadow와 달리 투명 배경을 가진 이미지의 모양 그대로 그림자가 생성되므로, 로고·아이콘·PNG 이미지에 자연스러운 그림자 효과를 줄 수 있다.
- 이전글CSS로 OL 목록 번호에 앞자리 0 붙이기 (counter + ::before) 25.11.14
- 다음글CSS border-image로 이미지 테두리 만들기 25.07.12