20 lines
1.4 KiB
Markdown
20 lines
1.4 KiB
Markdown
|
---
|
|||
|
|
title: Create a Gradual CSS Linear Gradient
|
|||
|
|
localeTitle: Создать линейный градиент линейного CSS
|
|||
|
|
---
|
|||
|
|
\## Создать постепенный линейный градиент CSS
|
|||
|
|
|
|||
|
|
Чтобы создать линейный градиент, вы должны определить не менее двух цветовых остановок. Цветные остановки - это цвета, которые вы хотите сделать плавными переходами. Вы также можете установить начальную точку и направление (или угол) вместе с эффектом градиента.
|
|||
|
|
|
|||
|
|
Синтаксис всегда:
|
|||
|
|
```
|
|||
|
|
background-image: linear-gradient(angle, color-stop1, color-stop2);
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Цвета могут использоваться как в форматах hex (), так и в формате rgb (). Поэкспериментируйте немного, и вы поймете, насколько легко и красиво это использовать.
|
|||
|
|
|
|||
|
|
## Ресурсы
|
|||
|
|
|
|||
|
|
[По этой ссылке есть обширная информация по этой теме.](https://www.w3schools.com/css/css3_gradients.asp)
|
|||
|
|
|
|||
|
|
[Кроме того, вы можете просмотреть это видео Youtube от The Net Ninja.](https://www.youtube.com/watch?v=wTk4Wuckd0U)
|