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 'extension-animations.min.css'}}">

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

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

If you’re using Sass, you can find the partials in the scss/plugins/animations folder and include them with the other theme styles by importing them in the scss/theme/index.scss file:

@import "plugins/animations";