![]() Each stop point has its own designated color, and the area between each point is filled with a continuous color transition from one to the other. The first component defines the color component of a stop point for the gradient. Each color stop has one or two components-a color component and an optional position component. Not including any keywords or angle is equivalent to "to bottom".Ĭolor-stop At least two color stops are required.bottom Indicates gradient ends on the bottom.top Indicates gradient ends on the top.The following values can be used as the second value only:.right Indicates gradient ends on the right.left Indicates gradient ends on the left.The following values can be used as the first value only:.Including one keyword specifies an ending side, and two keywords specify an ending corner. ![]() This value begins with "to", which is followed by one or two of the following keywords. Side-or-corner Optional value that specifies an ending corner or side for the gradient. Therefore, “90deg” points toward the right, “180deg” points downward, and so on.If no angle is provided, the gradient line starts in the corner or side opposite the corner or side specified by. ![]() The angle the gradient line should assume, expressed as a number followed by an angle units designator(for instance, “deg”)."0deg" points upward and positive angles increase in a clockwise direction. Linear-gradient (, ] ? +) Parameters angle Optional. Defines a linear gradient as a CSS image.
0 Comments
Leave a Reply. |