/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 vote238 views1 answer
Disable on print margin html
CSS
2 votes303 views2 answers
Display none transition
CSS
13 votes282 views7 answers
Animate.css
CSS
0 vote256 views1 answer
Name attribute css doesn't work
CSS
0 vote301 views0 answer
ArrayShuffle
CSS
39 votes263 views2 answers
Font size x large in css
CSS
1 vote270 views1 answer
Linkedin color hez
CSS
0 vote346 views2 answers
Elementor accordions closed by default
CSS
1 vote286 views1 answer
Sideways linear gradient
CSS
0 vote261 views1 answer
Css grid no stretch
CSS