Часть 1: Плавные переходы

29 заданий

Научимся плавно менять CSS-свойства, будем создавать красивые и функциональные элементы форм в стиле Material Design и построим мини-викторину об HTML и CSS.

Оформить подписку
Длительность перехода, transition-durationЗадание
Длительность перехода, шаг 2Задание
transition-property: какие свойства изменять плавно?Задание
Задержка перехода, transition-delayЗадание
«Форма» перехода, transition-timing-functionЗадание
transition-timing-function, шаг 2Задание
transition-timing-function, шаг 3Задание
transition-timing-function, шаг 4Задание
Бумажные кнопки, шаг 1Задание
Бумажные кнопки, шаг 2Задание
Бумажные кнопки, шаг 3Задание
Чекбоксы, шаг 1Задание
Чекбоксы, шаг 2Задание
Чекбоксы, шаг 3Задание
Радиокнопки, шаг 1Задание
Радиокнопки, шаг 2Задание
Радиокнопки, шаг 3Задание
Переключатели, шаг 1Задание
Переключатели, шаг 2Задание
Переключатели, шаг 3Задание
Переключатели, шаг 4Задание
Иконка-трансформер, шаг 1Задание
Иконка-трансформер, шаг 2Задание
Иконка-трансформер, шаг 3Задание
Иконка-трансформер, шаг 4Задание
Текстовое поле ввода, шаг 1Задание
Текстовое поле ввода, шаг 2Задание
Текстовое поле ввода, шаг 3Задание
Текстовое поле ввода, шаг 4Задание