Saltar al contenido principal
Codigo Heroe
Desafío anterior
Линейные градиенты. Уровень 114/14
Ver desafíos del nivel
  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
Ver resultado
  • Skill Atlas

Cargando…
Estará listo en unos segundos.

  • Desafío

Two Sharp Bands

Replica el ejemplo modificando el código
DificultadMedia
CategoríaHTML/CSS
Ahora
Estado actual de la página
Ejemplo
Resultado que debes obtener
ResultadoAparecerá después de la primera comprobaciónAparecerá después
  • 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% */
Vista previa

El código cambió. Haz clic en «Actualizar» o activa la ejecución automática.

Saliste de la página del desafío.

Haz clic dentro de la vista previa para enfocar esta ventana.

100%
0
    Completado 0%.
    Codigo Heroe

    © 2023-2026, codigoheroe.com