/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

2 votes293 views1 answer
Xpath vs css selector
CSS
3 votes347 views2 answers
Make image not draggable css
CSS
1 vote343 views2 answers
Import google fonts into react
CSS
3 votes355 views2 answers
Backdrop filter all properties
CSS
0 vote331 views1 answer
Margin not working on inline elements
CSS
0 vote366 views2 answers
How to set background image for button in css
CSS
0 vote384 views1 answer
How to install gotham rounded as a font in visual studio code for my css file
CSS
0 vote339 views1 answer
Gmail auto rewize dont
CSS
1 vote363 views1 answer
How to change what twine looks like
CSS
1 vote358 views1 answer
Top 10 customers odoo
CSS