shine.js

24 серпня 2014 19:33 comandante 248 0

Отримати:

Встановити використовуючи Bower:

bower install shine

або отримати з джерел:

GitHub

Прямий лінк на завантаження архів

Ініціалізація

Додати скрипт:

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

Інстанціювати shine.js:

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

Змінити положення джерела світла:

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

Особливості:

Динамічна позиція світла
Налаштування тіней
Незалежні бібліотеки, сумісно з AMD
Використовує текст або box shadows на основі контенту
Працює в браузерах, які підтримують textShadow або boxShadow і авто-префікси при необхідності

js, shinejs