CODEWITHSUNDEEP
javascriptjqueryhtmlcss
Nile-nof
Nile-nof

Reputation: 1

element animation

i saw an effect in iconArchive site and i don't no how to apply it if one of you help me to get the idea with small example this will be nice. under this link :http://www.iconarchive.com/search?q=share&page=3 if you go over the heart img then a copy of it will move to the bottom and add the icon you have selected. i have no idea how to start for that reason i don't have any code . i think they use java script +jquery+ css to do it.

Upvotes: 0

Views: 154

Answers (2)

mVChr
mVChr

Reputation: 50177

To achieve the specific effect on your example page you should check out the jQuery UI Transfer effect.

Upvotes: 1

pimvdb
pimvdb

Reputation: 154818

The jQuery animate function can do this neatly: http://jsfiddle.net/bX6Uk/.

$('#button').click(function() {
    $('#div').animate({
        top: 300,
        left: 10,
    }, 'slow');
});

Upvotes: 2

Related Questions