Motion Wordpress Plugin - Rating, Reviews, Demo & Download

Motion Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

Motion WordPress Plugin based on Motion UI by ZURB – a Sass library for creating CSS transitions and animations.
Provide user friendly solution to beautiful CSS3 animations on WordPress Posts, Pages and Widgets.

Motion Demo

Some of the Key features Include:

  • CSS animations
  • CSS transitions
  • Allowing user to apply CSS3 animations on WordPress Posts, Pages and Widgets
  • Animation on Scroll, bases on wow.js
  • Different scroll offset on individual animation blocks
  • Delay to create a nice animation sequence
  • Animation duration
  • Enable or disable animations on mobile
  • Enable or disable checking for new elements on the page
  • Custom box class setting
  • Custom animate class setting
  • Custom CSS setting
  • Allow users to apply animation on WordPress Widgets

All the CSS3 animations are from Motion UI
WOW.js are from WOW

Arbitrary section

A brief Markdown Example

[motion data-animate=”slideInUp” data-speed=”slow” data-easing=”linear” data-delay=”short-delay” data-animation=”shake” data-offset=”100″ custom_class=”your_custom_class”][/motion]
Motion Demo

Screenshots

  1. <strong>Motion Button</strong> - Add animation blocks in WordPress Post and Pages using the Motion button.

    Motion Button – Add animation blocks in WordPress Post and Pages using the Motion button.

  2. <strong>Select Animation</strong> - After clicking Insert Motion button you will get a screen to choose animation.

    Select Animation – After clicking Insert Motion button you will get a screen to choose animation.

  3. <strong>Animation Block</strong> - Update the content of the block as per your requirement. You can copy and paste the same in Text Widget also.

    Animation Block – Update the content of the block as per your requirement. You can copy and paste the same in Text Widget also.

  4. <strong>Settings</strong> - Options for Motion Plugin under Settings -> Motion menu in the admin area.

    Settings – Options for Motion Plugin under Settings -> Motion menu in the admin area.

  5. <strong>Apply on Widgets</strong> - You can choose Motion class from dropdown list.

    Apply on Widgets – You can choose Motion class from dropdown list.


Reviews & Comments