Открыть список
Как стать автором
Обновить

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

JavaScriptИнтерфейсыHTML
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>
Теги:javascriptanimationscrollingstickyhtmlfrontend
Хабы: JavaScript Интерфейсы HTML
Всего голосов 7: ↑6 и ↓1 +5
Просмотры2.2K

Комментарии 14

Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

Похожие публикации

JavaScript Developer. Professional
15 апреля 202172 500 ₽OTUS
Комплексное обучение JavaScript
19 апреля 202127 000 ₽Loftschool
Node.js: серверный JavaScript
26 апреля 202127 000 ₽Loftschool
Frontend разработчик
14 июня 202152 000 ₽Loftschool
JavaScript. Уровень 2. Расширенные возможности
18 апреля 202114 350 ₽Специалист.ру

Лучшие публикации за сутки