24 Jul 2013
Ever noticed how small flourishes and subtle transitions dramatically increases the value of the experience you enjoy with an app or site?
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.
CSS3 Transitions and Keyframe animation are fast because they are hardware accelerated. Effeckt.css brings common animations, like modal transition, button loading, list item adding effects,etc… Those effects are based on CSS3 transitions and keyframe animations, targeted to make as smooth as 60 fps on mobile and desktop web application.
