The latest in my series of web experiments, was inspired by the animated banner on the iPhone app, Mixel. My animation isn’t as smooth as I’d like yet. It’s still a work in progress. See it live at ericanton.net/mixel.
Also posted to Codepen here: http://codepen.io/EricAnton/pen/zkpJh
If anyone has insight on a better way to animate this please share!
I've created a simplified version which animates the position rather than opacity of the gradient. The effect is similar, but uses much less markup. You can see it live at ericanton.net/mixel/2.
keyboard shortcuts: ← previous shot → next shot L or F like Z toggle zoom
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–2015 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.