Transition Event

Custom Microthemer option. Choose an event that triggers the transition. You can leave this field blank if you want to set up a separate selector for setting new styles (e.g. a hover selector).

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 transition will run when a user hovers over the element.
focus(CSS event) For forms fields and other elements that can gain focus. The transition will run when the element gains focus.
inView(JS event) The transition will run when ever the element scrolls into view. It will run backwards when the element scrolls out of view so it can run again if the element comes into view again.
inView (once)(JS event) The transition will run once if the element scrolls into view.
click(JS event) The transition will run when a user clicks the element.

Themeover CSS Reference

Close