Рисуем звёздами
Рисуем на канвасе звёздами. Получившийся рисунок можно сохранить, как картинку.
Застывшая лава на three.js
Полет над остывающей лавой. Реализовано с использованием three.js
Анимированная собачка на коробке
Анимация собачки на CSS
Одуванчики в траве
Рандомная генерация травы с одуванчиками. При движении курсора, трава реагирует на его положение и отклоняется в противоположные стороны.
Ошибка 404 на частицах
Вариант оформления 404 ошибки на частицах
Слайдер продукта на базе swiper.js
Слайдер карточки продукта с демонстрацией выбора нескольких параметров, кнопкой добавить в корзину и анимацией иконки добавления в список желаний. Слайдер сделан на базе скрипта swiper.js
Форма оплаты кредитной картой
Интерактивная форма оплаты кредитной картой. При заполнении полей, данные сразу отображаются на SVG изображении карты. При заполнении Security Code срабатывает анимация переворачивания карты, где отображается введенный код. К полям прикручен плагин масок, который позволяет быстро их заполнять. Также от номера карты зависит, какой тип карты отобразится - Visa, MasterCard или другая.
Адаптивная карточка со слайдером
Адаптивная карточка со слайдером swiper для использования на сайте.
SVG morphing с anime.js
При клике по кнопке плавно из левого верхнего угла раскрывается новый блок. Анимация раскрытия сделана с использованием anime.js, которая анимирует svg
Ледяная звезда
На three.js ледяная звезда, которая с течением времени увеличивается в размерах
Генератор случайных разноцветных кружков
Генератор на canvas разноцветных рандомных кругов.
Гонки за амебой по css grid ячейкам
Эффект наведения на ячейки css grid, который похож, как будто мы преследуем какую-то кляксу или амёбу. При этом, все сделано на CSS