/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 vote153 views1 answer
Remove required effect in css
CSS
164 votes204 views6 answers
Css bold
CSS
0 vote176 views2 answers
Facebook box-shadow css
CSS
3 votes158 views2 answers
Centralizar div no meio da tela
CSS
1 vote167 views1 answer
Hide number trigger in html page
CSS
-1 vote160 views2 answers
How to use before pseudo class in css
CSS
1 vote163 views1 answer
Css system default font
CSS
0 vote166 views1 answer
Center a button wordpress
CSS
0 vote157 views2 answers
Align ionic icons and text css
CSS
63 votes167 views6 answers
Text shadow
CSS