Saltar al contenido principal
Codigo Heroe
Tarea anterior
Линейные градиенты. Уровень 114/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
Lista de tareas
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Задание

Two Sharp Bands

Отредактируйте код так, чтобы результат совпал с образцом
сложностьсредняя
категория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-14.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main class="stage"> <div class="coupon">Coupon Code</div> </main> </body> </html>
CSS
.coupon { background-image: linear-gradient( to right, #2563eb 28%, #f8fafc 38%, #f8fafc 62%, #16a34a 72% ); } /* Измените только позиции цветовых остановок, чтобы получилось как в образце. Подсказки: Возможные позиции: 67%, 24%, 33%, 76%, 50%, 44% */
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