How to make circle around in page loader?

Design help Animations & Interactions
1

Hello webflow,
con someone give me some link tutorial or advice how to make page loader like this (the circle that move around A)?

SS_Page_loader_2
SS_Page_loader_2800×427 1.21 MB

i’ve been searching all the course on webflow university and not find the exact result like the example of the gif above

Here is my public share link: LINK
(how to access public share link)

2

Use a page load trigger set an interaction for when page starts loading.

  • Use this to overlay an absolute div with a color tint to hide the page behind
  • follow these instructions for adding an animated svg inside the absolute div

Use a page load trigger set an interaction for when page finishes loading.

  • Use this trigger to fade out or animate away the overlay div and svg

Hope that helps. Happy designing!

1 Like
3

Hi @matthewpmunger ,sorry for the late reply :pray:
i will try it, i think its gonna work

Thankyou so much for the advice… have a good day

1 Like