웹개발/CSS
[CSS] 이미지 흑백처리
우주별
2018. 5. 30. 09:41
-webkit-filter : grayscale(100%)
<style type="text/css">
a img{
-webkit-filter: grayscale(100%);
filter: gray;
}
a:hover img{
-webkit-filter: grayscale(0%);
filter: none;
}
</style>
<body>
<a><img src="./woojoo.jpg"></a>
</body>
결과 : 흑백처리된 이미지. 마우스오버시에 원래 색으로 바뀝니다.
