BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD

Ready to enhance your Breakdance experience?

Add premium elements that enhance user experience.

Quick Started

Ready to enhance your Bricks Builder experience?

Unlock Breakfusion. Make today your launch day.

Image
Floatvision Configurator - Breakfusion
data-float-container

Floatvision

Interactive Floating Image Effect for Breakdance Builder

How to Use & Code Information
▼
  1. Customize your floating image effect using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Breakdance Builder, add a Code element
  4. Paste the JavaScript code
  5. Add the attribute data-float-container with value true to any container element
  6. Add the attribute data-float-image with value true to the image inside the container
Image
Quick Presets
Motion Settings
Motion Speed ℹ
2

Speed of the floating animation

Motion Intensity ℹ
2

Intensity of the autonomous movement

Smoothness ℹ
0.04

Smoothness of the animation transitions

Interactive Settings
Enable mouse interactions
Enable touch interactions
Enable autonomous floating
Mouse Response ℹ
3

Strength of mouse/touch response

Movement Direction
Advanced Settings
Movement Boundary ℹ
8

Maximum distance the image can move

Path Complexity ℹ
0.6

Complexity of the autonomous movement path

Initial Position Offset
X-Offset: 0%
Y-Offset: 0%

Initial position offset of the image