/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 vote251 views1 answer
Rotate keyframe animation
CSS
29 votes246 views6 answers
Box-shadow
CSS
2 votes225 views1 answer
Uninstall pm2
CSS
11 votes199 views1 answer
Html no cursor when link
CSS
0 vote240 views2 answers
Skeumorphism box shadow
CSS
64 votes264 views4 answers
Bootstrap buttons
CSS
63 votes258 views5 answers
Html position absolute center
CSS
1 vote243 views4 answers
Screen orientation css
CSS
103 votes248 views2 answers
What are the types of positioning in css
CSS
8 votes241 views2 answers
Invert png color css
CSS