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) |