크롬에서 이미지 흐리게 나올 때 선명하게 만드는 방법

1.  크롬에 이미지 흐리게 나오는 문제 

다른 브라우저에서는 괜찮은데 유독 크롬에서 이미지가 흐리고 깨져 보이는 경우가 있다. 그래서 그 부분에 대한 해결 방법을 기록하려 한다. 

 

2. 해결 방법 

[CSS]

<style>
img{
image-rendering: -webkit-optimize-contrast;
transform: translateZ(0); 
backface-visibility: hidden;
}
</style>