7 637 Form / Codepen

Textarea auto height

Скрипт для авто подстройки высоты тега формы textarea в зависимости от вводимого внутри текста

Textarea auto height
5 528 Form / Codepen

Форма авторизации в стиле неоморфизм

Верстка формы авторизации и регистрации в стиле неоморфизм. При клике на вторую кнопку происходит плавная slide анимация смены полей формы с авторизации на регистрацию и наоборот.

Форма авторизации в стиле неоморфизм
8 813 Codepen

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

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

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

Форма авторизации и регистрации

Совмещенная форма авторизации и регистрации в одном интерфейсе. Переключение сделано посредством табов с анимацией на CSS. Само переключение табов сделан на JS, также в скрипте добавлена проверка валидации для форм.

Форма авторизации и регистрации
5 295 Скрипты / Form

Эффекты для текстовых полей

Несколько интересных эффектов для текстовых полей включающих некоторые новые методы реализации и идеи. В основном используются CSS transitions и изредка CSS animations на label тегах или на псевдо-элементах.

Эффекты для текстовых полей
4 500 Скрипты / Lightbox

Lightbox_me - простой lightbox плагин

Сталкивались ли Вы с такой ситуацией, когда требовалось применить lightbox эффект к какому-нибудь элементу DOM, при этом без использования всяких громоздких плагинов, таких как: lightbox, fancybox, highslide и т.п.? Если да, то плагин lightbox_me создан для Вас.

Lightbox_me - простой lightbox плагин