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

Испытание: иконки приложений

Давайте закрепим умение работать с цветами и направлениями градиентов.

В этом испытании вам нужно задать правильные градиенты для иконок.

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

.messages {
  background-image: linear-gradient(180deg, #71d5f4, #337cd2);
}

.weather {
  background-image: linear-gradient(45deg, #ff792e, #ffe662);
}

.camera {
  background-image: linear-gradient(90deg, #9a66ba, #f98edb);
}

.music {
  background-image: linear-gradient(135deg, #6ffc75, #4cb350);
}

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс «HTML и CSS. Профессиональная вёрстка сайтов». Цена 8000 ₽.

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

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

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

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

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

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