How to use Motion Effects

Scrolling Effect

This Effect will be seen when we scroll the pages. It will scroll the element in Vertical or Horizontal direction.

Vertical Scroll

Vertical Scroll : Enable the vertical scroll from this toggle button. Give vertical Scroll to widgets that show on scrolling of page.

Direction : Give direction to vertical scroll in Opposite or Similar.

Speed : Set speed of scrolling to the page.

Top : Set the moves to the top of page .

Bottom : Set the moves to the Bottom of page.

Horizontal Scroll

Horizontal Scroll : Enable the Horizontal scroll from this toggle button. Give horizontal Scroll to widgets that show on scrolling of page.

Direction : Give direction to Horizontal scroll To left or To right .

Speed : Set speed of scrolling to the page.

Left: Set the moves to the Left of page. Minimum 0 and maximum 100

Right : Set the moves to the right of page. Minimum 0 and maximum 100

Transparency

Transparency : Enable the Transparency from this toggle button. Give Transparency to widgets that show on moving of Widget.

Type : Select the type of transperncy from list is Fade in , Fade out , Fade in out and Fade out in.

Level: Give level to the tranperancy.

Top : Set the transprency to the top of element.

Bottom : Set the Tranperancy of widget at bottom.

Blur

Blur : Enable the Blur from this toggle button. Give Blur to widgets that show on moving of Widget.

Type : Select the type of Blur from list is Blur in , Blur out , Blur in out and Blur out in.

Level: Give level to the blur.

Top : Set the blur to the top of element.

Bottom : Set the blur of widget at bottom.

Rotate

Rotate : Enable the Rotate from this toggle button. Give Rotate to widgets that show on moving of Widget.

Direction : Select the Direction. Anticlockwise or Clockwise

Speed : Select the speed of rotation.

Top : Set the rotation to the top of element.

Bottom : Set the rotation of widget at bottom.

X Anchor Point : Set the rotation point to the Left , Right and Center.

Y Anchor Point : Set the rotation point to the Top, Bottom and Center .

Scale

Scale : Enable the Scale from this toggle button. Give Rotate to widgets that show on moving of Widget.

Direction : Select the Direction. Scale up, Scale down, Scale up down and Scale down up.

Level : Give level to the scale.

Top : Set the scale to the top of element.

Bottom : Set the scale of widget at bottom.

X Anchor Point : Set the scale point to the Left , Right and Center .

Y Anchor Point : Set the scale point to the Top, Bottom and Center .

Effect Relative To

ViewPort : In view port we can see the content in view.

Entire Page : It will show on pages

Apply Effects On

Apply effects on Desktop, Tablet ,Mobile Veiw that show the effect on the select devices only.

Mouse Effect

Mouse Track

Enable the mouse track. Then we can see properties of mouse track.

Direction : Select the Direction.Opposite or Same.

Level : Give level to the mouse track. Minimum 0 and Maximum 10

3D Tilt