CSS 흑백 grayscale

1 개요

CSS 그레이스케일 grayscale

CSS 흑백

html

Copy

<style>
.grayscale { filter: grayscale(100%); }
</style>
흑백
<img class='grayscale' src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Gyeongbokgung-GeunJeongJeon.jpg/120px-Gyeongbokgung-GeunJeongJeon.jpg'>

원본
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Gyeongbokgung-GeunJeongJeon.jpg/120px-Gyeongbokgung-GeunJeongJeon.jpg'>

2 같이 보기

• CSS filter

3 참고

• https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_filter_grayscale