/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

0 vote246 views1 answer
Puntos suspensivos css
CSS
0 vote252 views1 answer
Width clamp css
CSS
1 vote212 views1 answer
Animated background css
CSS
0 vote200 views1 answer
Css ditribute width equealy to child components
CSS
7 votes229 views3 answers
Push failed
CSS
29 votes221 views4 answers
How to remove bullet in css
CSS
1 vote221 views1 answer
Mat slide toggle iverted
CSS
2 votes173 views1 answer
Bootstrap list view
CSS
1 vote270 views1 answer
Ie11 flex 1
CSS
0 vote156 views1 answer
Different :after and ::after
CSS