[CSS] 이미지 흑백 처리하기(filter)

이미지 흑백처리 하기

css를 사용해서 이미지를 흑백처리 할 수 있습니다.

바로 css에서 filter라는 속성을 이용해서 흑백처리를 할 수 있습니다.

 

[css]

img {filter: grayscale(100%);}

filter:grayscale(100%)을 흑백처리 하고자 하는 img에 넣어주시면 됩니다. 

0은 기본이미지이며 100%은 완전한 흑백이미지로 보여집니다.