Examples

On-hover animations can be applied to any element by adding hover:{animation} class to an element.

These effects are part of the Animations and Transitions extension which is included in every theme by default. If you’d like to remove the styles associated with these animations you can do so by removing the following line from the document_head.hbs template:

<link rel="stylesheet" href="{{asset 'style-hover-animations.min.css'}}">

The associated JavaScript is added by the following line in the footer.hbs template:

<script type="text/javascript" src="{{asset 'script-animations.min.js'}}" defer></script>