Transitionpage004 - Bricksfusion

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 your main menu template in Settings → Page Settings → Custom Code → Body (Footer) 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

BricksFusion 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 HTML, CSS and JavaScript in one snippet
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

Documentation

GETTING STARTED

MENU ANIMATIONS

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

SURECART

BUTTONS

TRANSITION PAGES

How to Use

Complete Code