search

googlearchive / icon-transition

SVG icon transitions per the Material spec.
http://polymerlabs.github.io/icon-transition
31 stars 13 forks source link

add to polymer proper? #4

Open devoncarew opened 9 years ago

devoncarew commented 9 years ago

Are there any plans to add this to paper-fab or paper-icon-button, or polymer proper? It would be great to have support for material design's 'delightful details', w/o having to code up custom solutions for each client.

ryanwatkins commented 9 years ago

One issue is this only supports a small subset of icons, those built out of 3 lines. There was a more general approach done here: http://alexk111.github.io/SVG-Morpheus/

devoncarew commented 9 years ago

Cool, I didn't know about that; it's a very nice general solution.

For myself, I wouldn't need a complete svg to svg transform. Something that just rotated both icons, and transitioned the opacity of one to zero and the other from 0 to 1, would I think provide enough of a transition.

addyosmani commented 9 years ago

I'll talk to the team about it. The more general approach highlighted in this thread works, but doesn't offer the same animation effect fidelity as it does a rotation transition from one icon to the next, rather than the icon being constructed from smaller primitives (lines). You never know :)