/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

13 votes142 views5 answers
How to add text stroke in css
CSS
60 votes134 views3 answers
Media query for mobile view css
CSS
0 vote123 views1 answer
Css feather border
CSS
2 votes127 views1 answer
XAMPP: Another web server daemon is already running
CSS
0 vote170 views1 answer
Youtube css
CSS
27 votes117 views6 answers
Html color codes
CSS
12 votes185 views1 answer
Css curve table border
CSS
9 votes138 views5 answers
How to make a triangle in css
CSS
0 vote131 views2 answers
How to Reveal Content on Hover with Expanding Corner Tabs in Divi
CSS
34 votes144 views2 answers
Center a class css
CSS