Navigation

Home
Search
Submit A Resource
Contact Us
About Functionn

Subscription Options


Subscribe By Email (265+)


Lists


Archives

Apr 29, 2012

Author: Hirvesh Posted At: 4/29/2012 Tags: , , , , , ,

Real Shadow - A jQuery Plugin That Casts Photorealistic Shadows

Share:
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
Demohttp://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.

Trending Posts On Functionn This Week

Share:

Other Interesting Resources:

0 comments:

Post a Comment

 


Recent Posts

Popular Categories



Popular Components



Popular Licenses