0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>In this series of assignments, we will build a complex pattern using gradients. We will do this using the multiple background image technique.</p>
1
<p>In this series of assignments, we will build a complex pattern using gradients. We will do this using the multiple background image technique.</p>
2
<p>In CSS, you can set several background images for an element at once by listing them separated by commas:</p>
2
<p>In CSS, you can set several background images for an element at once by listing them separated by commas:</p>
3
background-image: url('img1.png'), url('img2.png'), url('img3.png');<p>Likewise, you can use gradients instead of images:</p>
3
background-image: url('img1.png'), url('img2.png'), url('img3.png');<p>Likewise, you can use gradients instead of images:</p>
4
background-image: linear-gradient(...), linear-gradient(...), linear-gradient(...);<p>We’ll be using gradients with transparent colors and sharp transitions. First, we will build a repeating fragment, and then we will multiply it. In this task, you will add the first two gradients, which should produce the following:</p>
4
background-image: linear-gradient(...), linear-gradient(...), linear-gradient(...);<p>We’ll be using gradients with transparent colors and sharp transitions. First, we will build a repeating fragment, and then we will multiply it. In this task, you will add the first two gradients, which should produce the following:</p>