Real Shadow: Mouse-Sensitive & Realistic Shadows With jQuery

Real Shadow is a simple-yet-effective jQuery plugin for creating realistic shadow effects for any HTML element.

With a simple function, it works by targeting any number of elements and manipulating the value of box-shadow CSS property for the elements in accordance with the mouse position.

jQuery Real Shadow Plugin

So, the shadow's location and size is determined by the element's distance to the mouse pointer which ends up in a cool effect.

Like said, the plugin accomplishes a simple job but can help creating attractive outputs when used smartly.

  1. Reply Jim Cummins April 30, 2012 at 1:14 PM

    Very cool plugin.

  2. Reply test99 April 30, 2012 at 4:54 PM

    No shadows shown at all,
    (for me at least) in FF 11 (under XP Pro 32 bit).
    Only the colored shapes are shown,
    but no shadows…

    Works ok in latest G Chrome browser…

  3. Reply Création sites dijon May 2, 2012 at 4:19 AM

    It’s an amazing plugin which create amazing effects. It’s more interactive than CSS3 shadows effects. But i think, that this plugin must be use with attention. A page can be transform in a christmas tree if we use too many effects of this plugins.

    Good job !

Leave a reply