CSS Hero Animator

The CSS Hero Animator plugin comes with 3 different animation modes to easily animate any element on your WordPress site. Displaying animations based on the percentage position of an element in the viewport is one of the features supported by this plugin. A common use case is to use images with a vertical offset position on scroll to achieve a parallax or perspective effect.

You can activate specific CSS styles and transformations after a certain number of scroll pixels. A common use case is applying special styles to the header after scrolling. With this plugin, you can create time-based animations. You can adjust options like duration, easing, and animation repeat to make each element look more appealing. Additionally, you can add a floating animation effect to any element.

By assigning stage values, you can easily create complex parallax animations. Transitions will be as smooth as silk, as the animator applies tweening based on the element's position in the viewport. With this plugin, you'll have access to a wide range of CSS features to create engaging scroll animation effects. Whether working with a standard WordPress theme or a page builder, the Animator plugin works on any element on your site with a minimal footprint.

Download CSS Hero Animator Plugin for WordPress
CSS Hero Animator / Animator plugin for displaying various animations based on time or scroll position for WordPress.