#1 Best Animation Builder
Scroll Magic For WordPress
Animate any element when you scroll and make your websites come alive with our Feature-Rich Powerful Animation Builder !
Scale
Opacity
Rotate
Skew
Color
Border
Move
Horizontal
Move
Vertical
and more....
Create Animation Scenes in WordPress in three basic steps
01
Configure scene options
Change basic scene settings like duration, offset, scene trigger, animation ease, ease duration, stickiness, tablet/mobile animation, before, after css options
02
Save the scene to publish
After adding the options and just click save on top right to publish the scene.
03
Apply to page contents
There are various ways to apply the scene to page contents. Click Get Shortcode/Class on top right and Copy the class or shortcode or html wrapper provided to apply to any element you want.
CSS Animations
move (x, y), zoom (x, y), rotate (x,y,z), skew (x, y), opacity, text color, background color, padding, border, border radius, position, top, bottom, left, right, z-index, width, height, display
Every animatable css properties are included to animate on scroll
Sticky Animations
Make an element sticky on screen for a particular duration
Watch this apple become sticky on screen while scrolling, which gives feel like apple falling to Newtons hand
Parallax Animations
Effortless add parallax Effects to your website and bring back more customers !
And so many more amazing things included in a single plugin
Live Preview Builder
Program your animation through live builder and apply for any elements
Responsive
Control Options for Tablet & Mobile Devices, You can even disable animation for any device if you want too!
Shortcodes
Many ways to add animation like via shortcode, shortcode tinymce button, class, etc.
Multi Direction
Animate both vertical and horizontal direction for any elements
Browser Compatibility
Compatible across most of the browsers and also devices
Scroll Magic For WordPress
Ready to get started with Scroll Magic ?
Its powerful & easy to setup !