Documentation
GETTING STARTED
Transition page 009
What is it?
This page transition animation features a logo that first appears and then expands dramatically before the page changes. When a visitor clicks on an internal link, the logo smoothly reveals itself, draws out its shape, and then scales up, giving a sleek and modern transition effect.
How to set it up?
-
Go to Global Settings:
Open the “Global Settings” in your Breakdance builder. -
Add the Code:
Find the “Custom JavaScript” section and paste the provided code there. You don’t need any coding knowledge—just copy and paste it in. -
Use Your Own Logo:
In the code, look for:logo.data = 'https://library.breakfusion.com/wp-content/uploads/2024/12/logoipsum-297-2.svg';
Replace this URL with the URL of your own SVG logo. For example:
logo.data = 'https://yourwebsite.com/yourlogo.svg';
-
Save and Test:
Save the changes, then click on an internal link in your site. You’ll see the logo appear, draw itself out, and then expand before the new page loads. Your site’s transitions will now feel more dynamic and professional!
We're here to help
Choose how you'd like to connect with our support team
Contact Support
Get help from our team of experts
Response within 24 hours