Floating Elements

This feature allows 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.

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.

Pattern #1