SVG stop-opacity Attribute

The stop-opacity attribute indicates the alpha value or opacity to be used at the stop point. It has effect only on the <stop> element. The default value is 1.

Syntax:

stop-opacity = opacity-value

Attribute Values: The stop-opacity attribute accepts the values mentioned above and described below

• opacity-value: It indicates a number between 0 and 1 or a percentage value.

Below examples illustrate the use of the stop-opacity attribute.

Example 1:

Output:

👁 Image

Example 2:

Output:

👁 Image