/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

4 votes150 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
0 vote145 views1 answer
Css layout tutorial
CSS
0 vote228 views1 answer
Side nav bar in materialize css
CSS Materialize
6 votes135 views3 answers
Css change background color of page
CSS
4 votes143 views2 answers
Css center vertically
CSS
1 vote138 views1 answer
Css font size important
CSS
0 vote185 views1 answer
Table inside table not matching borders
CSS
4 votes128 views2 answers
Transform scale
CSS
1 vote130 views1 answer
Cursor: not-allowed is not working with pointe events none in css
CSS
0 vote172 views1 answer
How to get font awesome outline
CSS