/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 vote221 views1 answer
Text truncate after 3 lines
CSS
0 vote182 views1 answer
Nmap output ip only
CSS
0 vote179 views2 answers
Counter-style counter css counters
CSS
0 vote188 views1 answer
Css 4 modal
CSS
0 vote203 views1 answer
QAnon Won't believe who
CSS
8 votes249 views2 answers
Css margin bottom
CSS
12 votes196 views6 answers
Responsive text
CSS
10 votes197 views2 answers
Import css in another css file
CSS
0 vote213 views1 answer
Hiding text outside of border css
CSS
0 vote261 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap