search

googlearchive / paper-tabs

A tabs à la Material Design
22 stars 21 forks source link

width and left properties for transition? #57

Closed MaKleSoft closed 9 years ago

MaKleSoft commented 9 years ago

From https://github.com/Polymer/paper-tabs/blob/master/paper-tabs.css#L59:

transition: width, left;

I thought it was common knowledge by now that animating width/height and position properties is slow? For example, see: http://www.paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/

frankiefu commented 9 years ago

There is a 0.8-preview version that uses transform. https://github.com/Polymer/paper-tabs/blob/0.8-preview/paper-tabs.html#L136

MaKleSoft commented 9 years ago

Awesome! Great to see that you guys are working on performance.