
w3.css
흑백 이미지
CSS를 사용하여 “흑백” 이미지를 만드는 방법을 알아보자.
흑백 이미지 만드는 방법
CSS filter속성을 사용하여 이미지를 흑백으로 변환한다.
그레이스케일
모든 이미지의 색상을 흑백(100% 회색)으로 변경한다.
img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }
기본 예시
예제 보기참고
W3C School - How TO - Black and White Images