SliceReveal слайдер

Слайдер изображений с анимацией переходов

Эффекты появления слайдов, где анимированные кусочки закрывают и открывают изображение. Креативно и с высокой производительностью.

Идея состоит в использовании отдельных фрагментов для изображения, чтобы скрыть или показать его. Фигуры элементов могут быть вертикальными или горизонтальными и могут прийти из различных направлений. Игра с количеством срезов, задержками и цветами, создает множество креативных взглядов на этот эффект.

В прототипе используется библиотека anime.js для анимации и в третьем демо здаействован Intersection Observer API для вызова эффектов при скроллинге.

Скачать исходники можно по ссылкам выше.

613 просмотров