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
Post a Comment