Brisk - Documentation Containing Official Information about Preloader

How To Edit Preloader

1. Double click on the preloader component from the left navigator panel. Follow below pic:

2. Select Preloader text to modify animated texts ( font, size, color etc. ). Follow below pic:

3. Choose the Preloader top named div block to modify the top curtain box color. Follow below pic:

4. Choose the Preloader bottom named div block to modify the bottom curtain box color. Follow below pic:

5. Click on the interaction tab on the right panel to choose the page load animation. Follow below pic:

6. Choose Preloader interaction from the interaction lists. Follow below pic :

7. Control text movement with timing and movement section shows below :

8. Control curtain movement from timing and move section as below img:

10. Customize Preloader visibility and opacity from mentioned section. Follow below pic :

If you want preloader on all pages

Preloader was only added for the landing page. If you want to add it on all pages please follow below instructions:

1. Click on the page tab on the left panel and select Brisk landing page.Follow pic :

2. Now from the left navigator panel choose the Preloader component. Copy and paste it on other desired pages. Follow pic :

3. After pasting the Preloader component on other pages go to the interaction panel on right, click on “+” tab on the page trigger tab and choose page load option. Follow pic :

4. Now choose preloader animation from the list. Follow pic:

Wie wir arbeiten

Von der Idee zur Realität:
Wie wir Ihre Büroeinrichtung planen und umsetzen

What type of companies do you work with?

Bullet union community subtract vector connection. Group clip export figma star reesizing flows object mask. Group link subtract figjam pixel. Figma fill variant share group component object create group team.