![]() ![]() ![]() farthest-corner: The opposite of closest-corner, where the gradient ends at the corner that is located furthest from the shape’s center.closest-corner: The gradient will end at the corner that matches as the closest to the shape’s center.farthest-side (default): The opposite of closest-side, where the gradient will end at the side furthest from the shape’s center.If two sides match this criteria, then it will be evenly distributed. closest-side: The gradient will end at side closest to the center of the shape.This can be expressed by name or an exact measure of length. size: Influences the ending shape of the gradient by taking the shape value and instructing where the gradient should end based on the center of the shape.For example, an element that is a perfect square would be a great match for circle whereas anything rectangular is ripe for ellipse. We can omit this value and the notation will measure the element’s side lengths to determine whether one value better matches the situation. Since we’re talking about radial gradients, the shapes are limited to being circular in nature. shape: Determines the shape of the gradient follows when transitioning outward, from one color to the next.The radial-gradient notation accepts the following values: ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |