You can add CSS filters to your element styles, find out more about CSS filter properties.

Adding a filter property to a style

To add a filter property:

• Navigate to the Style builder. This is available when you edit Base styles or Custom styles. For more, see Using the style builder
• Within the Style editor area, click on the Properties button
• Then select Filter in the menu.

Filter

Expected values

• Set a filter type, by selecting an option in the type field.

For example:

Once a filter has been selected other conditional fields will appear. 

For example:

Add multiple filter properties

To add additional Filter properties to the same style:

• Below the Filter property fields, click Add Filter
• A new row of fields will be added to the form
• Set a filter type in the Type field
• Add additional values in conditional fields
• Repeat this process to add additional Filter properties.

Remove filter properties

To remove Filter properties from the style:

• Above the Filter property fields, click the grey Delete icon
• The property will be removed.

Applying CSS3 filters

Filter

Expected values

• Set a filter type, by selecting an option in the type field.

For example:

Once a filter has been selected other conditional fields will appear. 

For example:

Add multiple filter properties

To add additional Filter properties to the same style:

• Below the Filter property fields, click Add Filter
• A new row of fields will be added to the form
• Set a filter type in the Type field
• Add additional values in conditional fields
• Repeat this process to add additional Filter properties.

Remove filter properties

To remove Filter properties from the style:

• Above the Filter property fields, click the grey Delete icon
• The property will be removed.