Full version, Basic version

Specification link: 13.2 Gradients

pservers-grad-17-b ← index → pservers-grad-19-b

# pservers-grad-18-b
SVG Image | PNG Image

This test shows rectangles filled with gradient. Several gradients are defined, with two stops:

MyGradient1 The first stop defines a fully-opaque green color. The second stop explicitly inherits (i.e. using the 'inherit' keyword) its stop-color. The result should show a the top-left rectangle filled with a gradient from green to red since the stop-color is inherited from the location of the gradient definition.

MyGradient2 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. The result should show a the top-right rectangle filled in green with a gradient opacity.

MyGradient3 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. The result should show a the lower-left rectangle filled with a gradient going from fully-opaque green to fully-opaque black.

MyGradient4 The first stop defines a fully-opaque green color. The second stop specifies the stop-color using the 'currentColor' keyword. The result should show a the lower-right rectangle filled with a gradient going from fully-opaque green to fully-opaque yellow.

pservers-grad-17-b ← index → pservers-grad-19-b

Distributed under both the W3C Test Suite License and the W3C 3-clause BSD License.
To contribute to a W3C Test Suite, see the policies and contribution forms.