Designing
and developing UIs for the mobile web is tricky, but it’s extremely
difficult to do that while delivering something that performs at 60fps.
The best opportunities to getting jank-free transitions on
phones/tablets are CSS transition and keyframe animation based,
especially tapping into hardware-accelerated transforms and opacity
changes.
Effeckt.css is a collection of fantastic experiments and demos exploring CSS-based transitions. It provides very little UI of its own. It’s only hooks for transitions / animations. There is no hover on the mobile web, so any hover-based effects would be excluded or have a tap equivalent.
Read more at http://www.webappers.com/2013/12/09/effeckt-css-ui-less-fast-transitions-animations/#y8sEHvS5ehEl9Ttp.99
Effeckt.css is a collection of fantastic experiments and demos exploring CSS-based transitions. It provides very little UI of its own. It’s only hooks for transitions / animations. There is no hover on the mobile web, so any hover-based effects would be excluded or have a tap equivalent.
Requirements: JavaScript Framework
Demo: http://h5bp.github.io/Effeckt.css/dist/
License: MIT License
Read more at http://www.webappers.com/2013/12/09/effeckt-css-ui-less-fast-transitions-animations/#y8sEHvS5ehEl9Ttp.99
