Specification link: 13.2 Gradients

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

Tests that contain the draft-watermark are under development and may be incorrectly testing a feature.

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

## Operator Script

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.

## Pass Criteria

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.

## Test Description

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

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