[stringham]

That's pretty awesome.

Implemented with:

  transform: scaleX(-1);

[nthitz]

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

      transform: rotateY(180deg);

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

[zaphar]

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]

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

     transform: scaleX(-1);

[barsonme]

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]

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

[stringham]

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

[TazeTSchnitzel]

Old IE?

[akx]

I assume it forces the use of 3D composition.

[BinaryIdiot]

That's really clever!

[eric_h]

good eye