이미지를 흑백으로/뿌옇게/...
https://bennettfeely.com/image-effects/
Image Effects with CSS
A collection of CSS snippets to create fast, complex image effects for websites
bennettfeely.com
원본:
grayscale, blur
hover, transition
hover: 마우스를 올렸을 때 실행되는 것
transition: 애니메이션
(라인6) transition:all 모든 효과가 2초에 걸쳐서 실행됨
https://codepen.io/search/pens?q=filter
CodePen Search
codepen.io
'html + css + javascript' 카테고리의 다른 글
| [css] transform (1) | 2024.02.07 |
|---|---|
| [css] blend (0) | 2024.02.07 |
| [css] background (0) | 2024.02.07 |
| [css] float (0) | 2024.02.07 |
| [css] mediaquery (2) | 2024.02.07 |