Saltar al contenido principal
Codigo Heroe
Lista de tareas
Радиальные градиенты. Вводная глава 11/14
A la lista de tareas
  1. 1. Функция radial-gradient()
  2. 2. radial-gradient() как значение
  3. 3. radial-gradient() как CSS-изображение
  4. 4. <color-stop-list>: цвета
  5. 5. <color-stop-list>: несколько цветов
  6. 6. Color stop: позиция
  7. 7. Color stops: позиции
  8. 8. Центр: <position> keywords
  9. 9. Центр: keyword position
  10. 10. Центр: <position> px
  11. 11. Центр: pixel position
  12. 12. Центр: <position> %
  13. 13. Центр: <position> % + px
  14. 14. Центр: <position> px + %
Siguiente tarea
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Задание

Функция radial-gradient()

Отредактируйте код так, чтобы результат совпал с образцом
сложностьсредняя
категорияHTML/CSS
Сейчас
это текущее состояние страницы
Образец
Такой результат нужно получить
РезультатПоявится после первой проверкиПоявится позже
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Функция radial-gradient()</title> <link rel="stylesheet" href="setting.css"> <link rel="stylesheet" href="local-1.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main class="scene scene--tile"><div class="tile"></div></main> </body> </html>
CSS
.tile { background-image: none; } /* Задайте значение background-image, чтобы получилось как в образце. Возможные функции: radial-gradient(цвет1, цвет2) linear-gradient(цвет1, цвет2) gradient-radial(цвет1, цвет2) Возможные цвета: #fef3c7, #f97316 */
Live preview

El código ha cambiado, haz clic en "Actualizar" o activa la ejecución automática.

Ha ido a otra página

Haga clic dentro del mininavegador para poner el foco en esta ventana.

100%
0
    Realizado 0%.
    Codigo Heroe

    © 2023-2026, codigoheroe.com