Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master

This branch is 52 commits behind Indamix:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
.gitignore
README.md
example.css
example.html
index.html
main.css
realshadow.js
white_brick_wall.png

README.md

Real Shadow - jQuery Plugin that casts photorealistic shadows

Works in any browser supporting CSS box-shadow property

Basic Usage

$(selector).realshadow(); // options are optional

$(selector).realshadow({

    followMouse: false,   // true by default

    pageX:       x,       // x coordinate of the light source
    pageY:       y        // y coordinate of the light source

    c: {                  // shadow color
        r: 1,             // red   channel for shadow
        g: 1,             // green channel for shadow
        b: 1,             // blue  channel for shadow
    }

});

To specify different colors for each element, you can use "rel" attribute:

<span rel="r"></span>
<span rel="g"></span>
<span rel="b"></span>
<span rel="rg"></span>
<span rel="gb"></span>
<span rel="br"></span>

$('span').realshadow();
Something went wrong with that request. Please try again.