Updated Top Bar

Transition Pages Available — Create stunning animated experiences with ease Transitions Available

Get Started
Page Transition 003 Configurator

How to Use

  1. Customize your logo transition effect using the controls below
  2. Add your logo URL in the Logo Settings section
  3. Click the Get Instant Code button and copy the complete code
  4. Go to Breakdance → Header → Select your existing menu → Global Settings and paste the code in Scripts
  5. Save your changes and the effect will be active
  6. The elegant logo transition will now appear automatically when visitors navigate between pages!
This effect triggers automatically when users navigate between pages on your website, creating a beautiful animated logo loading experience with smooth circular progress and seamless page transitions!
Click here to test the transition effect
LOGO
Breakfusion Exclusive Get Your Transition Page 003

Add smooth logo transitions between pages with elegant circular animation, seamless navigation flow and customizable branding with this custom-crafted snippet.

  • Complete HTML, CSS and JavaScript in one snippet
  • Automatic execution on page navigation
  • Fully customizable logo and animation
  • Smooth circular progress animation with seamless navigation
  • Works in all modern browsers and devices
Logo Settings
Logo URL
Logo Container Size 200px
Logo Scale 80%
Animation Settings
Animation Duration 2s
Display Duration 2000ms
Transition Speed 0.3s
Circle Animation
Circle Radius 45px
Circle Stroke Width 2px
Circle Color
Background Settings
Background Opacity 0.9
Background Color