Saltar al contenido principal
Codigo Heroe
Tarea anterior
Degradados cónicos. Nivel 1 — Visuales de juego9/13
A la lista de tareas
  1. 1. Imagen CSS de fondo I
  2. 2. Imagen CSS de fondo II
  3. 3. Imagen CSS de fondo III
  4. 4. Lista de colores I
  5. 5. Lista de colores II
  6. 6. Ángulo inicial I
  7. 7. Ángulo inicial II
  8. 8. Centro del degradado I
  9. 9. Centro del degradado II
  10. 10. Paradas de color con ángulos I
  11. 11. Paradas de color con ángulos II
  12. 12. Sectores nítidos I
  13. 13. Sectores nítidos II
Siguiente tarea
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Задание

Centro del degradado II

Отредактируйте код так, чтобы результат совпал с образцом
сложностьсредняя
категорияHTML/CSS
Сейчас
это текущее состояние страницы
Образец
Такой результат нужно получить
РезультатПоявится после первой проверкиПоявится позже
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>Desafío</title> <link rel="stylesheet" href="setting.css"> <link rel="stylesheet" href="local-9.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main class="stage"> <div class="avatar"></div> </main> </body> </html>
CSS
.avatar { background-image: conic-gradient( from 120deg at center, #581c87, #f0abfc, #fef3c7, #581c87 ); } /* Cambia solo la posición después de at para que quede como en el modelo. Pistas: Posiciones posibles: right 30%, 70% 30%, 30% 70%, left 40% */
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