0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p><a>Градиентный фон</a>можно устанавливать в свойствах background и background-image, но, для экономии места, все примеры будут записаны в обобщенном свойстве background. Значение которое принимает свойство background может быть одним из:</p>
1
<p><a>Градиентный фон</a>можно устанавливать в свойствах background и background-image, но, для экономии места, все примеры будут записаны в обобщенном свойстве background. Значение которое принимает свойство background может быть одним из:</p>
2
<p>linear-gradient(), линейный градиент, создается с помощью двух и более цветов, для которых задано направление, или линия градиента.</p>
2
<p>linear-gradient(), линейный градиент, создается с помощью двух и более цветов, для которых задано направление, или линия градиента.</p>
3
<p>Пример</p>
3
<p>Пример</p>
4
<p>Для чёткого распределения цветных полос каждый последующий цвет нужно начинать с точки остановки предыдущего цвета. Тогда и границы градиента будут четкие, без плавного перехода.</p>
4
<p>Для чёткого распределения цветных полос каждый последующий цвет нужно начинать с точки остановки предыдущего цвета. Тогда и границы градиента будут четкие, без плавного перехода.</p>
5
<p>radial-gradient(), радиальный (круговой) градиент, отличается от линейного тем, что цвета выходят из одной точки (центра градиента) и равномерно распределяются наружу, рисуя форму круга или эллипса.</p>
5
<p>radial-gradient(), радиальный (круговой) градиент, отличается от линейного тем, что цвета выходят из одной точки (центра градиента) и равномерно распределяются наружу, рисуя форму круга или эллипса.</p>
6
<p>Пример</p>
6
<p>Пример</p>
7
<p>Используя в градиентах прозрачный цвет, можно создавать эффекты размытий или "боке".</p>
7
<p>Используя в градиентах прозрачный цвет, можно создавать эффекты размытий или "боке".</p>
8
<p>repeating-linear-gradient() или repeating-radial-gradient() - вышеуказанные варианты только с функцией повтора, чаще всего с помощью этих вариантов создают полосатые узоры.</p>
8
<p>repeating-linear-gradient() или repeating-radial-gradient() - вышеуказанные варианты только с функцией повтора, чаще всего с помощью этих вариантов создают полосатые узоры.</p>
9
<p>Пример</p>
9
<p>Пример</p>
10
10