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

Cargando…
Estará listo en unos segundos.

  • Desafío

One Stop Position

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-11.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main class="stage"> <div class="divider">Timeline</div> </main> </body> </html>
CSS
.divider { background-image: linear-gradient( to right, #0f172a, #38bdf8 25%, #f8fafc ); } /* Измените только позицию цветовой остановки, чтобы получилось как в образце. Подсказки: Возможные позиции: 40%, 70%, 80%, 62% */
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