Играйте в телеграм-игру «Код сурка»

Шесть дней, шесть ночей, тысячи участников и шикарные призы

Часть 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Задание