/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

1 vote344 views1 answer
Css animation stop
CSS
-1 vote366 views1 answer
Move up on hover css
CSS
8 votes350 views1 answer
How to align items in css
CSS
0 vote363 views1 answer
Twig currency name
CSS
0 vote398 views1 answer
Box shadow css animation
CSS
0 vote375 views1 answer
Paper.css
CSS
12 votes365 views1 answer
Pair impaire css
CSS
0 vote382 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
0 vote433 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
2 votes375 views2 answers
How to put the input box and the label on top of input
CSS