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.

  • Very cool plugin.

  • test99

    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…

  • 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 !