CSS3 + jQuery download buttons

[Jazz00006]

I've been sitting on this script for a while, originally created in jQuery it only worked on 1 element.

Today I re-wrote it in CoffeeScript. It now plays nice with all elements (or at least each of the 4 I tested).


You can find the demo here: http://lab.jcode.me/coffeeButtons/

Note: CSS3 only works in modern browsers.
I've tested web-kit and gecko and they both loved it. IE9 only showed the button and the final hover, but not the transition effects. So if you're using IE they won't look as pretty as they do in other browsers.

As usual you can find the source on GitHub and while it works currently I still haven't cleaned up the LESS style sheet (Technically it's still pure CSS, which I need to change).



Questions and comments are always welcome. Don't forget to check out my lab if you want more web-code snippets.

 

[T R 1 B A L]

This is lovely. The concept is great, and it works flawlessly on the two browsers I tested it on - will most probably use it in the near future

 

[Jazz00006]

This is lovely. The concept is great, and it works flawlessly on the two browsers I tested it on - will most probably use it in the near future

Even if you don't, thank you for the feedback, it's appreciated.


I'm working on theming options so it's not stuck with default colours all the time.
External links work now, and it's starting to handle http errors (404, 403, etc)

 

[Avaticus]

Just tested on FireFox 15.0.1 and it works great. Pretty neat. Nice job.