Real Shadow - A jQuery Plugin That Casts Photorealistic Shadows

Note From The Editor: Functionn is a blog about latest, breaking web resources for web developers and designers alike.  If you'd like to receive resources like this one, please take a moment to go through our archives, be it for JavaScript Techniques, or any other categories and if you like what you see, you can support this blog by subscribing via one of our options: RSS, Twitter, Google+, Facebook or Email.

Real Shadow is a jQuery Plugin that casts photorealistic shadows.  It works in any browser supporting the CSS box-shadow property.

To use the Real Shadow plugin, you just need to initialize it with the following piece of code:


Then you setup your HTML like below for each object you wast to cast real shadows for.  To specify different colors for each element, you can use "rel" attribute.


Finally you make sure the plugin is called by executing this on DOM ready:


The project is released under the MIT License.  You can use it in your projects freely, and even customize it to your needs or contribute to it.


Requirements: jQuery
Demo: http://indamix.github.com/real-shadow/
License: MIT License

Daily Posts, Be Updated, Subscribe:

Want Free Web Resources? Enter Your Email And We'll Send It To You - Daily! (265+ Subscribers)

Yup, it's that straight forward! Enter your email address below and we'll send you the latest web resources to your inbox, everyday. We don't do spam. Ever.

Your Email Address

Trending Posts On Functionn This Week

Share:

Other Interesting Resources: