/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 vote274 views1 answer
Css media query aspect ratio
CSS
0 vote253 views1 answer
Css flex fixed width
CSS
0 vote319 views1 answer
React wrapper component
CSS
-2 votes326 views1 answer
How to add pseudo class in html
CSS
0 vote302 views1 answer
Como botar um separador display flex quebra de linha
CSS
0 vote314 views1 answer
@font-face
CSS
0 vote322 views1 answer
Link para inserir css
CSS
0 vote256 views1 answer
Css click through element
CSS
0 vote298 views1 answer
Compass font awesome
CSS
1 vote365 views1 answer
Can we use multiple keyframes in css
CSS