Концепт информационной карточки
Концепт верстки информационной карточки. CSS анимация при наведении на карточку.
Слайдер продукта на базе swiper.js
Слайдер карточки продукта с демонстрацией выбора нескольких параметров, кнопкой добавить в корзину и анимацией иконки добавления в список желаний. Слайдер сделан на базе скрипта swiper.js
Форма оплаты кредитной картой
Интерактивная форма оплаты кредитной картой. При заполнении полей, данные сразу отображаются на SVG изображении карты. При заполнении Security Code срабатывает анимация переворачивания карты, где отображается введенный код. К полям прикручен плагин масок, который позволяет быстро их заполнять. Также от номера карты зависит, какой тип карты отобразится - Visa, MasterCard или другая.
Адаптивная карточка со слайдером
Адаптивная карточка со слайдером swiper для использования на сайте.
Cards — верстка карточки в сетке Bootstrap 4
Верстка карточки в сетке Bootstrap 4 и с иконками FontAwesome 5
Открытка с Новым годом
Слегка видоизмененная открытка к новому году найденная на codepen. Смотрится эффектно, при этом никакого сложного кода не написано. В основном это анимации на CSS3.
Эффект стирания картинки с проявлением новой
Эффект стирания изображения, с проявлением другого, находящегося под ним. Своего рода лотерейный билет, в котором, чтобы узнать выйграл ты или нет, нужно стереть верхний слой. Посмотрите демо, чтобы посмотреть пример, как раз с лотерейным билетом.