Material Theme Grid Animations

Grid Animations

As you may have already seen from our demo the Material theme comes with a set of animations for grids. These animations kick in when you scroll down the content of the page. Behind this functionality there is a vast library of animation presets that you can use by filling in the animation preset name inside the User Defined CSS Class input box as illustrated in the example below:

The list of animation presets include the following animation effects that you can type inside the User Defined CSS Class field:

fade-in-down
fade-in
bounce-in-left
bounce-in-right
bounce-in-up
bounce-in-down
light-speed-in
flip-in-x
zoom-in

You can check a demo for each of these animations over at http://daneden.github.io/animate.css/
Their list of animations goes beyond the ones that we have included in this theme so if you want to add some extra ones makes sure to get in touch with us and we will create an updated version of the necessary animation files.