0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<ul><li>Theory</li>
1
<ul><li>Theory</li>
2
<li>Theory</li>
2
<li>Theory</li>
3
<li>Comments</li>
3
<li>Comments</li>
4
</ul><h2>Color Proportions and Color Stops</h2>
4
</ul><h2>Color Proportions and Color Stops</h2>
5
<p>By default, colors in gradients are evenly distributed and follow the same proportions, but this behavior can be modified.</p>
5
<p>By default, colors in gradients are evenly distributed and follow the same proportions, but this behavior can be modified.</p>
6
<p>This is done using so-called<em>color stops</em>, which are written immediately after the color values, for example, red 0%, yellow 100%.</p>
6
<p>This is done using so-called<em>color stops</em>, which are written immediately after the color values, for example, red 0%, yellow 100%.</p>
7
<p>The color stop indicates the position of the color in the gradient. It can be set as a percentage or in pixels or other units. Let’s take a look at a few examples to understand the behavior of color stops:</p>
7
<p>The color stop indicates the position of the color in the gradient. It can be set as a percentage or in pixels or other units. Let’s take a look at a few examples to understand the behavior of color stops:</p>
8
yellow, greenyellow 0%, green 100%yellow 0%, green 50%yellow 50%, green 100%yellow 25%, green 75%red, yellow, greenred 0%, yellow 50%, green 100%red 33%, yellow 66%, green 100%<p>The color stop specifies where the center (most saturated) part of the color will be located.</p>
8
yellow, greenyellow 0%, green 100%yellow 0%, green 50%yellow 50%, green 100%yellow 25%, green 75%red, yellow, greenred 0%, yellow 50%, green 100%red 33%, yellow 66%, green 100%<p>The color stop specifies where the center (most saturated) part of the color will be located.</p>
9
<h2>Comments</h2>
9
<h2>Comments</h2>