11 227 Codepen

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

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

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

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

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

Форма оплаты кредитной картой
13 326 Скрипты / Other

Открытка с Новым годом

Слегка видоизмененная открытка к новому году найденная на codepen. Смотрится эффектно, при этом никакого сложного кода не написано. В основном это анимации на CSS3.

Открытка с Новым годом
3 907 Скрипты / Other

Эффект стирания картинки с проявлением новой

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

Эффект стирания картинки с проявлением новой