All Collections
Design Mode
Apply Effects to Your Blocks and Elements
Apply Effects to Your Blocks and Elements
How to Add Enticing Effects to Your Website
Karen Sahakyan avatar
Written by Karen Sahakyan
Updated over a week ago

On your Left Panel, you'll find a full set of FX effects ready to be put into action.

The effects are divided into four sections: Fade in, Rotate, Parallax and Affix.
To add the desired effect, simply drag and drop the effect icon to the area of a certain element.



After Effect Tips and Tricks

Fade In is recommended to use on an element or a block on your homepage, but not on every page. Your site visitors shouldn't notice the fade in; it's a background thing.

Rotate peaks visitors' interests in website content and design. 

The Parallax Effect, or parallax scrolling, is an effect that allows your background images to move past the camera slowly, creating an illusion of depth in a 2D scene.

!Note: This effect is meant for your block backgrounds and it only works on the desktop version of your site. 

Affix helps you fix the position of the navigation section. It will definitely keep your site visitors focused as they head down the page. 

The effect is marked with a small red square with the FX letters on the upper right corner of the element area.

!Note: You need to access the website via the Public Mode in order for the effects to  become visible. 

To remove the effect, hover over the icon and click on Trash.


Related Articles


For any further questions or concerns you may have, please visit the SpringBuilder Help Center for more information. 

Did this answer your question?