• Теория
  • Теория

Бумажные кнопки, шаг 1

Как вы уже наверное заметили, часть выполнена в общей стилистике Material Design — спецификации дизайна от Google.

Давайте воспользуемся полученными знаниями о переходах и попробуем изобрести заново базовые элементы формы: текстовые поля, чекбоксы, радиокнопки и другие. В нашей реализации они будут следовать принципам Material Design и использовать плавные переходы при смене состояний.

Начнём с «бумажных» кнопок с тенями. Реализуем их двумя парами радиокнопок и подписей к ним. Создадим радиокнопки и подписи, а затем визуально скроем радиокнопки.

Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Плавные переходы» тренажёра «Интерфейсные анимации» можно после регистрации и оформления подписки.