- Theory
- Theory
- Comments
Gradients at an Angle
The direction of the linear gradient can also be specified as an arbitrary angle, for example, 245°. The direction in degrees is specified using the unit deg. You can specify positive and negative angles. Examples:
background-image: linear-gradient (90deg, yellow, green);
background-image: linear-gradient (-135deg, yellow, green);The angles of the gradient are counted like this:
0deg corresponds to 12 o’clock, and the angle is counted clockwise. If the angle is specified with a negative value, for example, -90deg, then it is counted counterclockwise.
In this assignment, you need to write gradients to the remaining three “leaves” by analogy with the first: from the colored edge of the “leaf” to the black center of the “flower”.
- index.html
- style.css
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
Finish coloring the flower using gradients:
- Assign a gradient at an angle of
225°to the top right leaf. - Assign a gradient at an angle of
315°to the lower right leaf. - Assign a gradient at an angle of
45°to the lower left leaf.
The colors for the leaves are indicated in the comments in the CSS.
Comments