이미지 흑백 효과 이미지 흐림 효과
<style> img { max-width:100%; } .hz { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } </style> <img src="https://source.unsplash.com/random" alt="랜덤이미지"> <img src="https://source.unsplash.com/random" alt="랜덤이미지" class="hz"> 결과보기
<style>
img {
max-width:100%;
}
.hz {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
</style>
<img src="https://source.unsplash.com/random" alt="랜덤이미지">
<img src="https://source.unsplash.com/random" alt="랜덤이미지" class="hz">
결과보기
<style> img { max-width:100%; } .hz { -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */ filter: blur(5px); } </style> <img src="https://source.unsplash.com/random" alt="랜덤이미지"> <img src="https://source.unsplash.com/random" alt="랜덤이미지" class="hz"> 결과보기
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);