Hacker News Reader

Comment by stringham | Hacker News Reader

That's pretty awesome.

Implemented with:

  transform: scaleX(-1);

View on HN

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

      transform: rotateY(180deg);

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

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.

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

     transform: scaleX(-1);

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.

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

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

Old IE?

I assume it forces the use of 3D composition.

That's really clever!

good eye

Reply on news.ycombinator.com