[Solved] Avatars pixellated when flipped

[Akuyi]

This has been an issue for me ever since I joined. Avatars look very fluent for me in the side bar and if they are on the right side of a forum post, but avatars that are flipped horizontally, like on the left side of forum posts, are always very pixellated.

It happens on both Firefox and Chrome.

[Diana]

Chrome made an update last year (?) that made it so css animations were queued up and displayed a blurred image as the first image before they play. Then they decided that it would be pixellated, and then blurred again... Each way requires a different value for the css attribute "rendering"; "crisp-edges" or "optimize-contrast". I got tired of playing catchup and having to change it every minor update to chrome every time they changed their minds up at google, so I left it as is.

[Akuyi]

Ah, okay. Funny that it happens in both browsers then. :o

Wait, if it's CSS, could I change it myself with a user style sheet...?

Edit: Oh yeah, image-rendering: auto does it for me. Thanks for the hint!

[Diana]

Firefox is built off of the same thing chrome is, and as google comes up with new standards, everyone else follows. It also depends on what browser version you're on; sounds like the firefox problem is new.

Yeah, if you wanted to you can open your inspector and play with it, I guess. We don't actually flip the images and save them reversed, like some services do, it happens in CSS.

[Akuyi]

Yeah, I fixed it already! HAH I feel so accomplished. Thanks again!

Oh yeah I'll leave the style sheet I'm using here in case anyone with the same problem might find it helpful. It can be used with the addon Stylish for example.

[+] SPOILER

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("windlynonline.com") {

.postprofile .avatar-container img {
image-rendering: auto !important;
}
}