1.0.1 • Published 5 years ago

okshadow v1.0.1

Weekly downloads
1
License
MIT
Repository
github
Last release
5 years ago

h1. okshadow-js

p. OKShadow is a javascript library that produces drop shadows that track the mouse cursor. Many effects are possible, including depth-of-field simulation and focus effects.

h2. Usage

p. OKShadow can bind to any DOM element that recognizes the CSS3 box-shadow or text-shadow property.

h3. Options

|.option|.description|_.default| |color|sets shadow color|#888| |textShadow|applies the shadow to the text; otherwise, the shadow affects the container ("box-shadow")|false| |transparent|sets text color to transparent for ghost text effect|false| |downwards|on mobile browsers, shadows will only move downwards|true| |xMax|horizontal movement constraint, in pixels|null| |yxOffset|horizontal offset, in pixels|0| |xFactor|affects blur position based on mouse distance|30| |yMax|vertical movement constraint, in pixels|null| |yOffset|vertical offset, in pixels|0| |yFactor|affects blur position based on mouse distance|30| |fuzzMin|minimum blur radius in pixels|null| |fuzzMax|maximum blur radius in pixels|null| |fuzzFactor|affects blur radius based on mouse distance|40|

h3. Methods

p. OKShadow offers the method setoption so parameters can be changed after instantiation. It takes either a hash of parameters or a single key and value. For example:

p. For use in dynamic web apps, use the pause and unpause methods to turn the effect on and off.