/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 vote206 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
92 votes196 views6 answers
Center div css
CSS
1 vote180 views1 answer
Rotate favicon css
CSS
6 votes175 views3 answers
Equivalent zoom css
CSS
0 vote175 views1 answer
Divi hide header
CSS
0 vote175 views1 answer
Resctrict css to apply on div
CSS
0 vote168 views1 answer
Media query Tablet and smaller
CSS
5 votes212 views2 answers
Css make input unselectable
CSS
66 votes177 views6 answers
Rotate element css
CSS
-1 vote161 views1 answer
Empty areas in the grid are defined using '.'
CSS