Добро пожаловать в первую главу курса по радиальным градиентам! В ней вы начнёте знакомится с синтаксисом CSS-функции radial-gradient().

План прохождения главы

1. Изучите интерактивный туториал про радиальные градиенты.
2. Вернитесь и выполните это практическое задание, чтобы сохранить прогресс прохождения курса.
3. Доведите до автоматизма навыки работы с CSS-переменными с помощью вариативной практики.

Ваша задача

Определить параметры радиального градиента: список колорстопов, позицию каждого цвета в списке колорстопов и позицию центра. Результат должен полностью соответствовать образцу.

Подсказка

• Используемые цвета содержатся в палитре: #FF6347, #FF7F50, #FFFDD0, #4682B4.
• Значения позиции цвета содержится в списке: 10%, 20%, 80%, 90%.
• Значения позиции центра содержится в списке: 0%, 30%, 60%, 90%, 100%.

Вам нужно выбрать подходящие значения.

HTML-редактор заблокирован. Это значит, что вы можете редактировать только стили.

Решение

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

.box {
  background-image: 
    radial-gradient(
      at 30% 30%,
      #FF6347 0%,
      #4682B4 90%
    );
}