Tagged: logo
Hi, this is quite minor but everyone seems to notice…
When the menu shrinks due to page scrolling up, the logo becomes noticeably pixellated for a while before becoming correctly scaled. Is there way to eliminate or reduce the amount / noticability of the pixellation?
cheers.
Hey!
Try adding this code to the Quick CSS:
.logo img {
-webkit-transform: translate3d(0, 0, 0);
}
Cheers!
Josue
Thanks Josue for fast response.
Forcing the H/W acceleration on with “-webkit-transform: translate3d(0, 0, 0)” makes the scaling very slick. Nice. Unfortunately the final end-result has no anti-aliasing applied and looks poor. Image is now “ragged” – a different effect but does not become as good as the S/W only scaling.
Cheers
Jason
Yeah, that’s the drawback, unfortunately webkit browsers have these quirks with hardware acceleration
Regards,
Josue