Animation Event

Custom Microthemer option. Choose an event that triggers the animation. If you leave this field blank, the animation will run as soon as the page loads.

Note: if you choose a JavaScript event (e.g. inView or click), Microthemer will include an extra JS file (animation-events.js) on your site to enable this behaviour.

Value Description
hover(CSS event) The animation will run when a user hovers over the element.
focus(CSS event) For forms fields and other elements that can gain focus. The animation will run when the element gains focus.
inView(JS event) The animation will run when ever the element scrolls into view.
inView (once)(JS event) The animation will run once if the element scrolls into view.
click(JS event) The animation will run when a user clicks the element.

Themeover CSS Reference

Close
And new CSS grid support!