0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>A repeating background, meaning one with the value repeat, repeat-x or repeat-y, is often used to create interesting decorative effects.</p>
1
<p>A repeating background, meaning one with the value repeat, repeat-x or repeat-y, is often used to create interesting decorative effects.</p>
2
<p>For example:</p>
2
<p>For example:</p>
3
<ul><li>Cross-stitching;</li>
3
<ul><li>Cross-stitching;</li>
4
<li>Jagged edges;</li>
4
<li>Jagged edges;</li>
5
<li>Gradients and shadows.</li>
5
<li>Gradients and shadows.</li>
6
</ul><p>Yes, you can now create gradients and shadows using CSS. But sometimes, when the shadow or gradient is complex enough, it’s easier to use a semi-transparent PNG.</p>
6
</ul><p>Yes, you can now create gradients and shadows using CSS. But sometimes, when the shadow or gradient is complex enough, it’s easier to use a semi-transparent PNG.</p>
7
<p>The most important thing when creating such effects is to choose an image that is designed to be repeated. It can be very small, and this will provide significant page size savings.</p>
7
<p>The most important thing when creating such effects is to choose an image that is designed to be repeated. It can be very small, and this will provide significant page size savings.</p>
8
<p>Let’s practice. For now, please just change the repeat mode after you add the background images. This will make it clearer.</p>
8
<p>Let’s practice. For now, please just change the repeat mode after you add the background images. This will make it clearer.</p>