/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 vote152 views1 answer
How to add space inbetween lines in html
CSS
7 votes151 views2 answers
Stick footer to bottom
CSS
1 vote144 views2 answers
Set an image half its original size css
CSS
1 vote192 views1 answer
Button click css style
CSS
1 vote177 views1 answer
How to make slideshow not go over navigation bar
CSS
4 votes172 views3 answers
Add space between flex items
CSS
0 vote145 views1 answer
How to install tailwind cdn
CSS
3 votes144 views2 answers
Css onclick change color
CSS
0 vote160 views1 answer
Input remove blue glow
CSS
0 vote278 views1 answer
Cop pics css
CSS