Transition page 009

Reveal now

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?

  1. Go to Global Settings:
    Open the “Global Settings” in your Breakdance builder.

  2. 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.

  3. 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';

  4. 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