CSS Hero Animator

Point, Click and Animate

Animator comes with 3 different animation modes to easily animate any element on your WordPress site.

Parallax

Tween animations based on element percent position in viewport. Typical use case is applying images a vertical position offset on scroll to achieve parallax effect.

Scroll

Trigger specific css styles and transformations after a fixed amout of scrolled pixels. Typical use case is applying state specific styles to a header upon scroll.

Timed

Create time based animations. Set duration, easing and animation repeat options to spice up element appearence. Typical use case is adding a float animation to an element to make it pop.

Precisely build scroll based animations

Build complex parallax animations with ease by assigning step values. Transitions will be silk-smooth, as Animator applies tweening based on the element’s position in the viewport.