StickyMate — frontend анимация из HTML разметки

JavaScriptInterfacesHTML
Stickymate это инструмент, который поможет веб-разработчикам создавать scroll-based анимации без знания JavaScript, задавая параметры прямо в HTML разметке. Stickymate позволяет поймать элемент на экране и анимировать его во время прокрутки страницы.

Демо
Readme на русском
Проект на GitHub

Установка:
Скачать и распаковать, или
$ npm install stickymate

Использование:
<div data-sticky="from: 0, duration: 100vh"></div>

<div data-animation="opacity: {-100vh: 0, -50vh: 1}"></div>

<div data-classes="-50vh: {add: class3, remove: class1 class2}"></div>
Tags:javascriptanimationscrollingstickyhtmlfrontend
Hubs: JavaScript Interfaces HTML
+5
2.1k 46
Comments 14

Popular right now

JavaScript разработчик
from 180,000 ₽NovakidRemote job
JavaScript Developer
from 180,000 to 220,000 ₽ГринатомМоскваRemote job
JavaScript Developer
from 120,000 to 180,000 ₽JuicyScoreМоскваRemote job
Javascript Developer
from 75,000 to 180,000 ₽WebLab TechnologyRemote job
Senior Angular Developer (remote/relocation)
from 5,000 to 7,000 $New.HRRemote job