Background Mask

• composite
• cover
• enable

Composite

This property is used to choose the composition mode for the background mask effect.

The default value is destination-out, which unveils the background below using drawn elements, any other valid value can be found here

Cover

The cover property can be set to a HEX string or to a IColor | color object, that is the same as the one used in particles.color options.

The cover can also be a IBackgroundMaskCover | cover object like the one described below.

• color
• opacity

Color

The color property can be set to a HEX string or to a IColor | color object, that is the same as the one used in particles.color options.

This color is used to cover the background set in the background section on in a below element, if this property is not set the cover will be transparent.

Samples

{
    "color": "#bada55"
}
Copy

{
    "color": {
        "value": "#bada55"
    }
}
Copy

{
    "color": {
        "value": {
            "r": 255,
            "g": 127,
            "b": 0
        }
    }
}
Copy

{
    "color": {
        "h": 180,
        "s": 100,
        "l": 50
    }
}
Copy

Opacity

The opacity property sets the color property opacity, so you can set a semi-transparent cover.

This value is by default to 1 and it accepts any value between 0 and 1 included.

Enable

This property set the background mask mode, this mode enables the composite option to all elements drawn.