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

  • Задание

Corner Direction Repeat

Отредактируйте код так, чтобы результат совпал с образцом
сложностьсредняя
категория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-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 */
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