New

9 buttons. Ready to use.

Page Transition 002 Configurator - BricksFusion
How to Use & Code Information
  1. Customize your page transition effect using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. Go to your Template (Header/Footer) that appears on all pages
  4. Click ManagePage SettingsCustom Code
  5. Paste the code in Body (Footer) Scripts section
  6. The cinematic page transition effect will now appear automatically when visitors navigate between pages on your website
Click here to test the transition effect
0
Page Preview
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 Settings
Page Window Width
70%
Page Window Height
70%
Window Left Position
15%
Window Top Position
15%
Initial Scale
0.9
Color Settings
Background Color
HEX
HSL
Counter Text Color
HEX
HSL