/CSS/Linear gradient farthest-corner code css

Linear gradient farthest-corner code css

/* A gradient at the center of its container,
   starting red, changing to blue, and finishing green */
radial-gradient(circle at center, red 0, blue, green 100%)
Keyword 	Description
closest-side 	The gradient's ending shape meets the side of the box closest to its center (for circles) or meets both the vertical and horizontal sides closest to the center (for ellipses).
closest-corner 	The gradient's ending shape is sized so that it exactly meets the closest corner of the box from its center.
farthest-side 	Similar to closest-side, except the ending shape is sized to meet the side of the box farthest from its center (or vertical and horizontal sides).
farthest-corner 	The default value, the gradient's ending shape is sized so that it exactly meets the farthest corner of the box from its center.

Source: developer.mozilla.org

Similar codes

2 votes353 views1 answer
Ho to choose the first child of parent in css
CSS
1 vote403 views1 answer
Felx-wrap css
CSS
14 votes369 views2 answers
How to render css in flask
CSS
12 votes401 views2 answers
Center a cpontent css
CSS
145 votes443 views6 answers
Import bootstrap in react
CSS
0 vote360 views1 answer
Image right css
CSS
1 vote379 views1 answer
Margin clickable
CSS
2 votes413 views2 answers
Read properties from css file
CSS
0 vote348 views1 answer
Css selector id class
CSS
0 vote368 views1 answer
Add image under header html
CSS