CSS animated through webkit animation with cubic-bezier transition tweaking. :)
I seriously had much longer to find a way to create a GIF from a video or in a decent quality and create the GIF, than animating the ball in CSS. And then still, the CSS animation is like 10 times smoother. O_o
6 months ago
cool with the stretch of the ball!
did you try to play with acceleration and deceleration of the ball? this might result in an even more smooth and realistic animation.
@Dominique Eugster it actually does accelerate and decelerate on the "real" thing. I think it's just the low framerate of the GIF which doesn't show the smooth animation with the various speed of movement.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter