shine.js

A library for pretty shadows.

Get Shine

Install using Bower:

bower install shine

Or get the script directly:

Fork on GitHub Download ZIP

Make it Shine

Include the script

<script src="path/to/shine.min.js"></script>

Instantiate shine.js:

var shine = new Shine(document.getElementById('my-shine-object'));

Change the light position:

window.addEventListener('mousemove', function(event) {
  shine.light.position.x = event.clientX;
  shine.light.position.y = event.clientY;
  shine.draw();
}, false);

Features

  • Dynamic light positions
  • Customizable shadows
  • No library dependencies, AMD compatible
  • Uses text or box shadows based on content
  • Works in browsers that support textShadow or boxShadow and auto-prefixes if necessary

Credits