On: elgooG

[stringham]

That's pretty awesome.

Implemented with:

  transform: scaleX(-1);

[nthitz → stringham]

On my browser (Chrome, OSX), that rule was overwritten by

      transform: rotateY(180deg);

Which does the same thing. Presumably there is a reason?

[zaphar → nthitz]

I worked on Google's CSS infrastructure for a while and there is a lot of logic that goes into what css rules get used where. You could be seeing that due to an experiment, a particular search result or a particular Version of Chrome. Google invests a lot of work in optimizing their css on the page with a lot of very complicated logic going into the choice of what rule to display and when.

[Igglyboo → nthitz]

Chrome on OS X here as well, mine does not get overwritten and stays as

     transform: scaleX(-1);

[barsonme → nthitz]

On both Firefox 37.0 and 41.0.2272.101 (gnu/linux x64, 3.19 yadda, yadda...)

    transform: rotateY(180deg);

is the cause of the change.

I'm curious which browser stringham is using.

[stringham → barsonme]

I see the scaleX(-1) on ChromeOS (42.0.2311.60 beta) and Chrome for Android (41.0.2272.96)

[stringham → stringham]

For Chrome on Linux (41.0.2272.101) I'm seeing the rotateY(180deg);

[TazeTSchnitzel → barsonme]

Old IE?

[akx → nthitz]

I assume it forces the use of 3D composition.

[BinaryIdiot → stringham]

That's really clever!

[eric_h → stringham]

good eye