Transitionpage003 - Bricksfusion

Customize your logo transition effect using the controls below
Add your logo URL in the Logo Settings section
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 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

BricksFusion 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

Documentation

GETTING STARTED

MENU ANIMATIONS

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

SURECART

BUTTONS

TRANSITION PAGES

How to Use

Complete Code