0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<ul><li>index.html</li>
1
<ul><li>index.html</li>
2
<li>style.css</li>
2
<li>style.css</li>
3
</ul><p>HTML</p>
3
</ul><p>HTML</p>
4
<p><!DOCTYPE html> <html lang="en"> <head> <title>Color Transitions in px</title> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="flower"> <div class="leaf leaf-top-left"></div> <div class="leaf leaf-top-right"></div> <div class="leaf leaf-bottom-left"></div> <div class="leaf leaf-bottom-right"></div> </div> </body> </html></p>
4
<p><!DOCTYPE html> <html lang="en"> <head> <title>Color Transitions in px</title> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="flower"> <div class="leaf leaf-top-left"></div> <div class="leaf leaf-top-right"></div> <div class="leaf leaf-bottom-left"></div> <div class="leaf leaf-bottom-right"></div> </div> </body> </html></p>
5
<p>Thanks! We’ll fix everything at once!</p>
5
<p>Thanks! We’ll fix everything at once!</p>
6
<p>You’ve gone to a different page</p>
6
<p>You’ve gone to a different page</p>
7
<p>Click inside the mini-browser to shift the focus onto this window.</p>
7
<p>Click inside the mini-browser to shift the focus onto this window.</p>
8
<p>100%</p>
8
<p>100%</p>
9
<p>Finish painting the flower using sharp gradients:</p>
9
<p>Finish painting the flower using sharp gradients:</p>
10
<ol><li>Assign a gradient at an angle of 45° to the top right leaf.</li>
10
<ol><li>Assign a gradient at an angle of 45° to the top right leaf.</li>
11
<li>Assign a gradient at an angle of 135° to the lower right leaf.</li>
11
<li>Assign a gradient at an angle of 135° to the lower right leaf.</li>
12
<li>Assign a gradient at an angle of 225° to the lower left leaf.</li>
12
<li>Assign a gradient at an angle of 225° to the lower left leaf.</li>
13
</ol><p>The colors for the leaves are indicated in the comments in the CSS. The dimensions of the transitions are the same as the ones used for the first leaf.</p>
13
</ol><p>The colors for the leaves are indicated in the comments in the CSS. The dimensions of the transitions are the same as the ones used for the first leaf.</p>