5 ms·

That's pretty awesome. Implemented with: transform: scaleX(-1);

• eric_h 11y ago
  good eye
• BinaryIdiot 11y ago
  That's really clever!
• nthitz 11y ago
  On my browser (Chrome, OSX), that rule was overwritten by transform: rotateY(180deg); Which does the same thing. Presumably there is a reason?
  • barsonme 11y ago
    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.
    • TazeTSchnitzel 11y ago
      Old IE?
    • stringham 11y ago
      I see the scaleX(-1) on ChromeOS (42.0.2311.60 beta) and Chrome for Android (41.0.2272.96)
      • stringham 11y ago
        For Chrome on Linux (41.0.2272.101) I'm seeing the rotateY(180deg);
  • akx 11y ago
    I assume it forces the use of 3D composition.
  • Igglyboo 11y ago
    Chrome on OS X here as well, mine does not get overwritten and stays as transform: scaleX(-1);
  • zaphar 11y ago
    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.