A little animation for a new part I have designed for our Bonsaijs framework.
It will be rendered using SVGs and CSS3 animations but this was made in Photoshop, that's why it's not very smooth :)
over 1 year ago
Thats awesome, love the wave/filling effect.
Great job on the animation!
nice work :)
Awesome! I wish [webkit] masking was standardized so you didn't have to revert to SVGs to get this to be most compatible. I did a similar animation with a feather logo filling up with coffee to denote how much what left of each flavor in the office and was really happy with the results. Can't wait to see these become the norm!
@Fabio So cool animation! Really like it.
I'm curious which library are you going to use for rendering SVG? Raphael.js?
Thanks everyone! :)
@Julia Khusainova we'll be actually using our own open source library check it out :)
love that effect :)
love the filling up ++
I ♥ this ♥
Awesome animation! Not similar, but made me think of @Rally Interactive (via Ben Cline)'s heart animation: http://dribbble.com/shots/487852-Confirmation-Animations Well done Fabio!
Really nice work, love the beating effect.
That's awesome, looking forward to the CSS version :3
Love the animation!
Nice :) here is my idea, created some time 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.