12 117 Codepen

Слайдер продукта на базе swiper.js

Слайдер карточки продукта с демонстрацией выбора нескольких параметров, кнопкой добавить в корзину и анимацией иконки добавления в список желаний. Слайдер сделан на базе скрипта swiper.js

Слайдер продукта на базе swiper.js
9 660 Codepen

Форма оплаты кредитной картой

Интерактивная форма оплаты кредитной картой. При заполнении полей, данные сразу отображаются на SVG изображении карты. При заполнении Security Code срабатывает анимация переворачивания карты, где отображается введенный код. К полям прикручен плагин масок, который позволяет быстро их заполнять. Также от номера карты зависит, какой тип карты отобразится - Visa, MasterCard или другая.

Форма оплаты кредитной картой
3 103 Новости

VPS, VDS, виртуальный хостинг и выделенные серверы - AdminVPS

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

VPS, VDS, виртуальный хостинг и выделенные серверы - AdminVPS
3 336 Codepen

SVG morphing с anime.js

При клике по кнопке плавно из левого верхнего угла раскрывается новый блок. Анимация раскрытия сделана с использованием anime.js, которая анимирует svg

SVG morphing с anime.js
1 832 Codepen

Ледяная звезда

На three.js ледяная звезда, которая с течением времени увеличивается в размерах

Ледяная звезда
2 466 Codepen

Параллакс из фоновых изображений

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

Параллакс из фоновых изображений