반응형
그림자가 추가된 이미지를 다운로드하면 너무 커져서 그림자 없는 이미지를 다운로드하여 css로 추가하는 방법
See the Pen Untitled by m1nzy (@m1nzy) on CodePen.
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadow
drop-shadow() - CSS: Cascading Style Sheets | MDN
The drop-shadow() CSS function applies a drop shadow effect to the input image. Its result is a <filter-function>.
developer.mozilla.org
css cascading
참고로 filter는 인터넷익스플로러에서 사용할 수 없다.
하지만 사라졌으니 괜찮으려나?
크로스브라우징을 해야하니까 주의하여 사용하도록 하자
반응형
'CSS' 카테고리의 다른 글
| [웹접근성] 커스텀 checkbox, radio focus시 outline 추가하기 (0) | 2024.04.16 |
|---|---|
| ie에서 table th border 나오지 않는 현상 (0) | 2024.03.07 |
| [북마크] webstorm으로 scss 컴파일하기 (0) | 2024.01.23 |
| css 만들때 좋은 사이트 (0) | 2023.12.15 |
