Слайдер для сравнения изображений — «До» и «После»

JuxtaposeJS позволяет создать слайдер, с возможностью сопоставления двух изображений, накладывая их друг на друга. Бесплатный и простой в использовании, он работает на всех устройствах. Все, что вам нужно для начала — это ссылки на изображения, которые вы бы хотели сравнить.

ДемоСайт разработчика/Скачать

Красочные фильтры для изображений

Colofilter.css — красочные фильтры для изображений с интересными визуальными эффектами с помощью CSS. Этот метод называется “DuoTone”(двухцветный). Фильтры будут работать только в современных браузерах.

ДемоСайт разработчика/Скачать

Анимированное меню крестик с помощью CSS3 & jQuery

menu-to-cross-icon — это проект сделан для того чтобы показать различные способы создания “значка меню”, который при нажатие переключается в “крестик” ( ☰ -> ✖ ).

ДемоСайт разработчика/Скачать

Анимированное появление элементов при скролле

ScrollReveal — микробиблиотека (2.7kb) для добавления простой анимации появления элементов при прокрутки страницы.

ДемоСайт разработчика/Скачать

Анимация пути на картах для интерактивного повествования

Интерактивное путешествие по карте — при прокрутке страницы вниз, будут анимироваться пути на карте соответствующие по текстовому содержанию.

ДемоСайт разработчика/Скачать

Создание круговой диаграммы в SVG

Облегченная библиотека JavaScript, генерирующая круговые диаграммы в SVG с числовыми значениями в центре, которые являются отличным способом визуализации данных.

ДемоСайт разработчика/Скачать