Saltar al contenido principal
Codigo Heroe
Tarea anterior
Линейные градиенты. Уровень 112/14
A la lista de tareas
  1. 1. Gradient Value
  2. 2. Banner Wash
  3. 3. Three-Color Sweep
  4. 4. Four-Stop Stripe
  5. 5. Direction To Right
  6. 6. Direction To Top
  7. 7. Angle Direction
  8. 8. Corner Direction
  9. 9. Angle Direction Repeat
  10. 10. Corner Direction Repeat
  11. 11. One Stop Position
  12. 12. Several Stop Positions
  13. 13. Sharp Boundary
  14. 14. Two Sharp Bands
Siguiente tarea
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Задание

Several Stop Positions

Отредактируйте код так, чтобы результат совпал с образцом
сложностьсредняя
категорияHTML/CSS
Сейчас
это текущее состояние страницы
Образец
Такой результат нужно получить
РезультатПоявится после первой проверкиПоявится позже
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Испытание</title> <link rel="stylesheet" href="setting.css"> <link rel="stylesheet" href="local-12.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main class="stage"> <div class="alert">Progress Alert</div> </main> </body> </html>
CSS
.alert { background-image: linear-gradient( to right, #dc2626 20%, #facc15 50%, #16a34a 80% ); } /* Измените только позиции цветовых остановок, чтобы получилось как в образце. Подсказки: Возможные позиции: 88%, 44%, 30%, 70%, 58%, 12% */
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