CSS3 box and text shadow generator

• Project ID:

  1463279

• Project Type:

  Fixed

• Budget:

  $30-$250 USD
  (Approx. €23-€199 EUR)

Project Description:

I'm looking to have created an online CSS3 "box-shadow" and "text" shadow generator. Basically it should be a JavaScript powered tool with intuitive and sleek controls to allow users to easily experiment with different CSS3 shadow styles, and output the code for the user to add to his/her site.

Feature wise the tool should have two different sections, one for generating

1) "box-shadow" styles, and the other
2) "text-shadow".

For both, the tool should support the following:

- Sleek controls and sliders to quickly adjust shadow color, depth, blur etc.
- For "box-shadow", include "inset" shadows as well.
- Ability to add and preview multiple shadows to the test element (CSS3 lets you add more than one shadow simultaneously to an element).
- Offer a variety of interesting presets for the user to quickly grab the corresponding CSS code for (ie: see http://www.wordpressthemeshock.com/css-text-shadow/ for an example of presets with text-shadow).

The goal is to create the ultimate CSS3 box and text shadow generator that's super sleek, easy to use, plus feature rich. There's a lot of leeway in exactly how you go about implementing the specifics of the tool; a bonus will be given if it exceeds my expectations.

The tool will be posted to my site, so it must be 100% original- if your idea of coding is basically to copy other people's work and just change modify names and rearrange code blocks to pass it off as your own, do NOT bid on this project, as your work will be REJECTED when I find outl! I'm looking for a great coder that can code the above tool from scratch and that can add something unique and interesting to it as far as interface and feature set. The use of jQuery on top of JavaScript is fine.

Skills required:

CSS, Graphic Design, Javascript, Script Install, Website Design