0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>The directions of the gradient are specified using the keywords: top, bottom, left, right.</p>
1
<p>The directions of the gradient are specified using the keywords: top, bottom, left, right.</p>
2
<p>The direction of the gradient is specified right before the color list and includes the particle to. It has been added to the syntax to improve readability and clarity:</p>
2
<p>The direction of the gradient is specified right before the color list and includes the particle to. It has been added to the syntax to improve readability and clarity:</p>
3
background-image: linear-gradient(to right, yellow, green);<p>And we can immediately understand that this means:<em>“Yellow-green gradient from left to right”</em>.</p>
3
background-image: linear-gradient(to right, yellow, green);<p>And we can immediately understand that this means:<em>“Yellow-green gradient from left to right”</em>.</p>
4
<p>Here are examples of different gradient directions with the colors yellow, green:</p>
4
<p>Here are examples of different gradient directions with the colors yellow, green:</p>
5
to rightto leftto bottomto top<p>Now practice setting different directions for the gradients yourself.</p>
5
to rightto leftto bottomto top<p>Now practice setting different directions for the gradients yourself.</p>