html - Preventing blurry text and images -


i have problem blurry images on site. found few solutions,

img{    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0); } 

worked me.

when apply css images shown nice, problem text becomes blurry.

is there way avoid that?

in order stop images being blurry; make sure of high resolution, if using low res images display blurry on webpage, make sure not declaring width , height causing them blurry. in order display smoother/less blurry font in browser try following;

-webkit-font-smoothing: antialiased; //webkit browsers -moz-osx-font-smoothing: grayscale; //firefox/opera text-rendering: optimizelegibility; //all other browsers 

Comments

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -