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

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

s_horizontal01
  • 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 Toleft or toright .
  • 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

transperency01
  • 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 Fadein , Fadeout , 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

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

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

mouse_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_01
  • ViewPort : In view port we can see the content in view.
  • Entire Page : It will show on pages

Apply Effects On

device_01

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

Mouse Effect

Mouse Track

mousetrack_01

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

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