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

Corner Direction Repeat

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-10.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main class="stage"> <div class="stack"> <div class="corner-preview corner-preview--wide">Wide Corner</div> <div class="corner-preview corner-preview--tall">Tall Corner</div> </div> </main> </body> </html>
CSS
.corner-preview { background-image: linear-gradient( to top left, #db2777 42%, #fef3c7 58% ); } /* Измените только угловое направление внутри linear-gradient(), чтобы получилось как в образце. Подсказки: Возможные угловые направления: to bottom right, to bottom left, to top right, to left bottom */
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