# filters.css - CSS만으로 사진에 필터 입히기

> Clean Markdown view of GeekNews topic #2849. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2849](https://news.hada.io/topic?id=2849)
- GeekNews Markdown: [https://news.hada.io/topic/2849.md](https://news.hada.io/topic/2849.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-09-15T11:55:29+09:00
- Updated: 2020-09-15T11:55:29+09:00
- Original source: [bansal.io](https://bansal.io/filters-css)
- Points: 5
- Comments: 1

## Topic Body

- blur, grayscale, brightness, contrast, invert, saturate, sepia, backdrop-blur, opacity

- CSS 클래스 적용만으로 0~10단계의 필터값 적용 가능

- SCSS

- Hover 지원

## Comments



### Comment 2886

- Author: xguru
- Created: 2020-09-15T11:55:39+09:00
- Points: 1

인스타그램에서 보는 것과 비슷한 필터들은

CSS Photo Filter Playground https://news.hada.io/topic?id=622