Updated Top Bar

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

Get Started
Page Transition 002

How to Use

  1. Customize your page transition effect using the controls below
  2. Click the Get Instant Code button and copy the complete code
  3. Go to Breakdance → Header and select your existing menu
  4. Once in the menu, go to Global Settings and paste the generated code in Scripts
  5. The smooth transition effect will now appear automatically when visitors reload your pages!
This effect triggers automatically when users reload your page, creating a stunning cinematic page loading experience!
Click here to test the transition effect
0
Page Preview
Breakfusion Exclusive Get Your Transition Page 002

Add stunning cinematic page loading transitions that activate on page reload with this custom-crafted snippet.

  • Complete HTML, CSS and JavaScript in one snippet
  • Automatic execution on page reload
  • Cinematic counter animation with page preview
  • Smooth drop and expand animations
  • Works in all modern browsers and devices
Animation Settings
Enable Counter Animation Show number progression before page transition
Counter Speed 10ms
Counter Font Size 8vw
Drop Animation Duration 0.8s
Expand Animation Duration 0.8s
Page Window Width 70%
Page Window Height 70%
Color Settings
Background Color
Counter Text Color
Position Settings
Window Left Position 15%
Window Top Position 15%
Initial Scale 0.9