Heart animation

23 Responses

1. Pro Fabio Basile

   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 :)

   @fffabs

   1likes

   7 months ago

2. Pro Andrea Cau

   Cute.

   1likes

   7 months ago

3. Pro Danny Keane

   Thats awesome, love the wave/filling effect.

   2likes

   7 months ago

4. Pro Joel Helin

   Great job on the animation!

   1likes

   7 months ago

5. Pro Artur Kasimov

   really good!

   1likes

   7 months ago

6. Pro Aaron Ng

   Wow, nice!

   1likes

   7 months ago

7. Pro Ricardo Salazar

   nice work :)

   1likes

   7 months ago

8. Pro Mandy McClausky

   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!

   2likes

   7 months ago

9. Pro Julia Khusainova

   @Fabio So cool animation! Really like it.

   I'm curious which library are you going to use for rendering SVG? Raphael.js?

   1likes

   7 months ago

10. Pro Fabio Basile

    Thanks everyone! :)
    @Julia Khusainova we'll be actually using our own open source library check it out :)

    1likes

    7 months ago

11. Pro Justin "Jay" Baker

    Daww

    1likes

    7 months ago

12. Pro Luboš Volkov

    love that effect :)

    1likes

    7 months ago

13. Pro Gregory Hartman

    Great work!

    1likes

    7 months ago

14. Jordan Connor

    love the filling up ++

    1likes

    7 months ago

15. Pro Claudio Gomboli

    I ♥ this ♥

    1likes

    7 months ago

16. Pro Timothy Whalin

    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!

    1likes

    7 months ago

17. Pro Nuruzzaman Sheikh

    amazing!

    1likes

    7 months ago

18. Pro Sam Jones

    Really nice work, love the beating effect.

    1likes

    7 months ago

19. Pro Prekesh Chavda

    That's awesome, looking forward to the CSS version :3

    1likes

    7 months ago

20. Pro Dmitriy Chuta

    Nice

    1likes

    7 months ago

21. Abdessamad - Afnane studio

    Love the animation!

    1likes

    7 months ago

22. Pro spovv

    Nice :) here is my idea, created some time ago:
    http://dribbble.com/shots/632409-tSunAmi-of-love

    1likes

    7 months ago

23. Pro Giorgio Pia

    amazing!

    5 months ago