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.
s_vertical effects01

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
s_horizontal01

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.
transperency01

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.
s_blur_01

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 .
mouse_rotate01

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 .
mouse_scale

Effect Relative To

  • ViewPort : In view port we can see the content in view.
  • Entire Page : It will show on pages
viewport_01

Apply Effects On

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

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
mousetrack_01

3D Tilt

  • Direction : Select the Direction.Opposite or Same.
  • Level : Give level to the mouse track. Minimum 0 and Maximum 10
3Dtitle_01
Was this page helpful?