Create a stylish animation for a button with CSS or other...
New here? Learn about Bountify and follow @bountify to get notified of new bounties! x

Please see the job description here:

http://kraftier.com/resources/temp2/

The goal is to try to beckon the user to click the buy button by adding some visual components. I particularly like the SWING effect here: http://daneden.me/animate/

I dont know much about animation. So i'm open to platform suggestions e.g. css, flash, jquery...

(I suppose preferably the final rendering will just consist of one solution set. e.g. dont combine flash and css. But that's up to you.)

There will probably be many revisions so I'm open to tipping too.

Deliverables:

Please take the source job files from this page http://kraftier.com/resources/temp2/ and send me a link to a fully working version.

awarded to Wikimedia via alex
Tags
css
jQuery

Crowdsource coding tasks.

2 Solutions


Check if this is what you need: http://jsfiddle.net/CebcS/

You have to add that css to your page and add animated class to your buy buttons (or change .animated to your button class).

Btw, in your case you would have to add the .animated class to the div containing your a tag
alv-c 6 years ago
getting there. im a pretty bad programmer so please just create the job on your own server with the job source files and send me a finished draft.
tonloc 6 years ago
Don't have a server to upload, try pasting this: http://pastebin.com/pMM0GnJi
alv-c 6 years ago
ya thats good http://kraftier.com/resources/temp2/v2.html# so now just the fireworks and stuff
tonloc 6 years ago
Winning solution

Solution emailed.

View Timeline