Tests that contain the draft-watermark are under development and may be incorrectly testing a feature.
|
For the top-left rectangle's gradient: The first stop defines a fully-opaque green color. The second stop explicitly inherits (i.e. using the 'inherit' keyword) its stop-color.
For the top-right rectangle's gradient: The first stop defines a fully-opaque green color. The second stop defines a green stop-color but explicitly inherits (i.e. using the 'inherit' keyword) the stop-opacity.
For the bottom-left rectangle's gradient: The first stop defines a fully-opaque green color. The second stop does not specify the stop-color and the stop-opacity. Since both properties are not inherited, the initial value should be used.
For the bottom-right rectangle's gradient: The first stop defines a fully-opaque green color. The second stop specifies the stop-color using the 'currentColor' keyword.
The result should be:
The top-left rectangle is filled with a gradient from green to pink since the stop-color is inherited from the location of the gradient definition.
The top-right rectangle filled in green with a gradient opacity.
The lower-left rectangle filled with a gradient going from fully-opaque green to fully-opaque black.
The lower-right rectangle filled with a gradient going from fully-opaque green to fully-opaque yellow.
This test shows rectangles filled with gradient. Several gradients are defined, with two stops: