Обязательный для прохождения материал, теория, задания и испытания.
8 глав, 182 задания
Variable practice — метод обучения, основанный на решении задач разной сложности.
Упрощает обучение и помогает получить уверенные навыки написания кода. Доступна только по подписке.
17 заданий
Взглянем на процесс создания теней с помощью CSS. Мы по косточкам разберём свойство box-shadow, научимся использовать множественные тени, а также изучим некоторые продвинутые приёмы работы с тенями.
Взглянем на процесс создания теней с помощью CSS. Мы по косточкам разберём свойство box-shadow, научимся использовать множественные тени, а также изучим некоторые продвинутые приёмы работы с тенями.
Начать23 задания
Узнаем, что такое линейные градиенты и как их можно использовать для создания интересных декоративных эффектов. Разберём синтаксис функции linear-gradient, некоторые интересные приёмы, попрактикуемся создавать сложные орнаменты с помощью градиентов.
Узнаем, что такое линейные градиенты и как их можно использовать для создания интересных декоративных эффектов. Разберём синтаксис функции linear-gradient, некоторые интересные приёмы, попрактикуемся создавать сложные орнаменты с помощью градиентов.
Начать26 заданий
Мы в прямом смысле «наиграемся со шрифтами», декоративными текстовыми эффектами и тенями, а ещё узнаем, как повысить читабельность текстов с помощью новых CSS-свойств.
Мы в прямом смысле «наиграемся со шрифтами», декоративными текстовыми эффектами и тенями, а ещё узнаем, как повысить читабельность текстов с помощью новых CSS-свойств.
Начать31 задание
Это прикладная часть, в которой вы будете создавать сложные элементы интерфейса и крутые эффекты, используя возможности HTML и CSS. Вы построите сложные навигационные элементы, поэкспериментируете с масками, эффектами при наведении и даже создадите слайдер на чистом CSS.
Это прикладная часть, в которой вы будете создавать сложные элементы интерфейса и крутые эффекты, используя возможности HTML и CSS. Вы построите сложные навигационные элементы, поэкспериментируете с масками, эффектами при наведении и даже создадите слайдер на чистом CSS.
Начать23 задания
Познакомимся с функцией radial-gradient(), научимся создавать простые градиенты, управлять списком колорстопов и расположением центра градиента. А также разберёмся, что влияет на форму радиального градиента.
22 вызова
21 задание
Продолжим разбираться с радиальными градиентами. Научимся принудительно задавать форму и управлять размерами градиентов. Разберёмся с ключевыми словами closest-side, farthest-side, closest-corner, farthest-corner.
20 вызовов
27 заданий
Познакомимся с функцией conic-gradient(), научимся создавать простые градиенты, управлять списком колорстопов, расположением центра и начальным углом градиента.
26 вызовов
14 заданий
В этой мастерской мы создадим эффект пульсирующей градиентной заливки текста с помощью радиальных градиентов.
В этой мастерской мы создадим эффект пульсирующей градиентной заливки текста с помощью радиальных градиентов.
Начать