Floating Effect

This feature enables you to create floating effects for any element. Ideal for bringing the user’s attention to particular images/features or just creating more depth to the design.

This feature can be activated from the ‘interactive’ tab inside any native element. If adding to an image, it’s recommended to wrap in a div or block and instead add the functionality there.

Direction – Choose the direction that the element will move, either Horizontally or Vertically.

Duration – Set the speed of the animation by changing the overall duration. 6000ms is the default.

Distance – Set how far you want the element to move. Negative number will move it in the opposite direction. -20px is the default.

Delay – Adding delays helps you when you’re adding floating to multiple elements, but want them out of sync slightly.