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://d.pr/BwRd
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.
over 1 year ago
Is the gradient center based off of user input? This is awesome looking.
@David Grimes Thanks, there's no user input, but that's not a bad idea. Maybe in version 3 ;)
this is amazing bit pix-late :-P
12 months ago
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–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.