Table of Contents
Set Filters on Mask
This article will show you how to use the “Set Filters on Mask” option to improve animation rendering on Safari browsers.
The “Set Filters on Mask” option will move the filter animations from the [definition_tip term=”layer”]layer[/definition_tip] to the mask, which can help fix issues such as Safari making blurred and rotated elements extremely small or strange cuts.
The option is to ensure that animations are displayed correctly without pixelation or distortion.
Additionally, the “Set Filters on Mask” option can reduce the animation file’s size and improve loading times on Safari browsers.
Read on to learn more!
Configure Layer Animations
The option “Set Filters on Mask” works with layer animations. If you have not yet added any animations to layers, you can follow this guide to learn to add layer animation.
Enable the Set Filters on Mask Option
Each layer has two animations; IN and OUT. Learn more about it here.
Good Read: The IN animations have two systems; Anim From and Anim To. Read more on this topic.
Access Keyframes Panel
Go to the website dashboard:
Go to the Slider Revolution tab from the admin menu on the left sidebar:
Hover over a [definition_tip term=”module”]module[/definition_tip]:
Click the pencil icon to edit:
Go to the Layer Options tab from the right sidebar:
Select the layer with the issue from the [definition_tip term=”timeline”]timeline[/definition_tip] at the bottom of the module editor:
Go to the Animation sub-section from the right sidebar:
Scroll down to the Keyframes panel:
Anim From
Click on the Anim From under the IN animation:
Scroll down to the Layer Filter panel:
Toggle the Use Filter to ON:
Toggle the Set Filters on Mask to ON:
Click the Save button:
Anim To
Click the Anim To under the IN animation:
Scroll down to the Layer Filter panel:
Toggle the Use Filter to ON:
Toggle the Set Filters on Mask to ON (if not toggled on already):
Click the Save button:
Out Animation
Click the Anim To under the OUT animation:
Scroll down to the Layer Filter panel:
Toggle the Use Filter to ON:
Toggle the Set Filters on Mask to ON (if not toggled on already):
Click the Save button:
Contact Us
If you encounter issues or have queries about the Global Settings, don’t hesitate to get in touch with our support team by opening a ticket or emailing us at [email protected].
i Have the same problem, but my picture is the Background Layer. i can’t edit the Animation
We’re here to help with your request! Please submit a ticket on our support website for a quick resolution: https://support.sliderrevolution.com