/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 vote357 views2 answers
How to make an image not blurry when stretched css
CSS
1 vote322 views1 answer
Pseudo class css nth child
CSS
1 vote310 views1 answer
When is raksha bandhan in india 2020
CSS
10 votes330 views4 answers
Bootstrap badges Links
CSS
0 vote331 views1 answer
Css hover change more than one element
CSS
0 vote330 views1 answer
Css for floting input label
CSS
0 vote325 views1 answer
Ellipsis css in table cell 2 lines
CSS
2 votes361 views1 answer
Admin dashboard html css
CSS
0 vote413 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
3 votes345 views1 answer
Css how to make text not break
CSS