Бібліотека shine.js. Робимо динамічні тіні.

Відео: Бібліотеки Arduino, як підключити

Всім привіт! Вам коли-небудь потрібно було робити тіні для тексту або блоку? Якщо ви займаєтеся версткою, то, думаю, так. Сьогодні я розповім про сервіс, який може трохи полегшити вибір потрібної вам тіні - shine.js.

Це не просто сервіс, але ще і бібліотека.

Відео: ✪ MakeUP HAUL | Покупки з BeautyHome: НОВИНКИ Essence, Sleek ★

Перейдіть за посиланням:

bigspaceship.github.io/shine.js/

Щоб завантажити дану бібліотеку, опустіться нижче і використовуйте Bower

bower install shine

Або просто скачайте zip архів.

Відео: Урок 6. LinearLayout і RelativeLayout - особливості макетів екранів android | Android Studio

Підключіть скрипт:

Інстцііруйте shine.js

var shine =newShine(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) -

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

Відео: Софія Прекрасна - Чарівний амулет Авалора - Серія 14, Сезон 1 | Мультфільм Disney про принцес

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

Ось така проста, але корисна бібліотека shine.js. Встановлюйте і користуйтеся на здоров`я! Дякую за увагу і удачі!

Поділися в соціальних мережах:

Схожі