- Теория
- Теория
Направление градиента
Направления градиента задаются с помощью ключевых слов: top
, bottom
, left
, right
.
Направление градиента располагается перед списком цветов и включает в себя частицу to
. Она была добавлена в синтаксис для улучшения читабельности и наглядности:
background-image: linear-gradient(to right, yellow, green);
И сразу понятно, что это: «Жёлто-зелёный градиент слева направо».
Вот примеры разных направлений градиента c цветами yellow, green
:
to right | |
to left | |
to bottom | |
to top |
А теперь самостоятельно потренируйтесь задавать разные направления градиентов.
Хотите применять объектно-ориентированный подход и современные возможности ECMAScript для разработки веб-приложений? Хотите уметь применяеть паттерны проектирования? Записывайтесь на профессиональный курс «JavaScript. Архитектура клиентских приложений». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.