Version:

    Applying CSS3 filters

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

    The filter property is not supported in IE11 but is supported in Edge and all other modern browsers.

    Adding a filter property to a style

    To add a filter property:

    1. Navigate to the Style builder. This is available when you edit Base styles or Custom styles. For more, see Using the style builder
    2. Within the Style editor area, click on the Properties button
    3. 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:

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

    Remove filter properties

    To remove Filter properties from the style:

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

    DX8 knowledge base icon

    Frequently asked questions

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    To raise a ticket, sign into Acquia Cloud and select Help in the top menu.

    Raise support ticket

    Acquia

    Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.