Transition004 - breakfusion.com

Customize your page transition effect using the controls below
Adjust the transition timing, overlay colors and animation settings
Click the Get Instant Code button and copy the complete code
Go to Breakdance → Header → Select your existing menu → Global Settings → Scripts
Paste the copied code and save your changes
The smooth iframe page 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 iframe slide transition with smooth overlay effects and seamless page transitions!

Click here to test the transition effect

Breakfusion Exclusive Get Your Transition Page 004

Add smooth iframe slide transitions between pages with elegant overlay effects, seamless navigation flow and customizable timing with this custom-crafted snippet.

Complete JavaScript code for Breakdance Builder
Automatic execution on page navigation
Fully customizable timing and overlay effects
Smooth iframe slide animation with seamless navigation
Works in all modern browsers and devices

Transition Settings

Animation Direction

Desktop Duration 1.2s

Mobile Duration 0.8s

Easing Function

Overlay Settings

Overlay Opacity 0.2

Overlay Fade Duration 0.3s

Overlay Color

Advanced Settings

Navigation Delay ms

Performance Mode

Code Copied Successfully! Ready to paste into Breakdance Builder

Documentation

GETTING STARTED

MENU ANIMATION

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

TRANSITION PAGES

How to Use

Complete Code