box-shadow 썸네일형 리스트형 CSS - Box-shadow, Drop-shadow CSS - Box-shadow, Drop-shadow 개인 프로젝트를 하던 중 내가 보여주려는 콘텐츠에 그림자를 넣어주어 입체감을 주고 그림자를 이용한 효과를 주는 작업을 진행을 하게 됐다. svg 이미지에 그림자를 넣고 마우스 이벤트를 통해 그림자의 진하기와 색상등의 효과를 넣어주어야 했는데 기존에 알고 있던 box-shadow속성을 사용하여 적용하려고 했지만 이미지에 그림자가 적용되는것이 아닌 이미지를 담고 있는 div 태그에 적용이 되는 문제가 발생했다. 구글링이나 여러 속성을 확인해보면서 svg에 직접적으로 그림자를 주게 된다면 효과를 발생시킬 때마다 svg에서 직접 변경이 이루어지기 때문에 만족스럽지 않은 수정이었고 이후 찾았던 속성이 filter에 있는 drop-shadow였다. drop-sh.. 더보기 이전 1 다음
