Персональний сайт Василини Миколаївни Хайруліної

Animations classes allow you to add nice effects to most elements in your template. As you scroll and an element enters the viewport the animation is applied.

1: How to add class to any element.

Simply add the class to the element. In this example we are adding the animate fadeIn class to a paragraph

animate example

2: How to add class to a menu item.

Simply add the class to the menu Link Css Style in the menu item Advanced Options. In this example we are adding the animate fadeIn class to a menu item

animate example menu item

3: How to add class to a Module or Module head.

Simply add the class to the Header Classor the Module Class Suffix in the menu item Advanced Options. See example below.

animate example module

Example Animations

animate fadeIn

animate fadeInDown

animate fadeInDownBig

animate fadeInUp

animate fadeInUpBig

animate fadeInLeft

animate fadeInLeftBig

animate fadeInRight

animate fadeInRightBig

animate flip

animate flipInX

animate flipInY

animate lightSpeedIn

animate rotateIn

animate rotateInDownLeft

animate rotateInDownRight

animate rotateInUpLeft

animate rotateInUpRight

animate slideInDown

animate slideInRight

animate slideInLeft

animate rollIn

animate bounce

animate flash

animate shake

animate swing

animate wobble

Lorem Ipsum

Lorem ipsum dolor sit amet, porro legere fabellas vis eu. Ex vis primis numquam mediocritatem, et minim eirmod mei. Sed laoreet deterruisset ad, placerat percipitur ei sit. In affert complectitur eam. Ius dolores detraxit tacimates in. Id pri modo duis gloriatur. equidem concludaturque, mazim sapientem persequeris vix in. Qui graece alienum imperdiet te, cu sale falli verterem duo. Erant explicari corrumpit mei at, iisque molestiae sea te, ut ius bonorum sententiae. In affert complectitur eam. Sed laoreet deterruisset. Ad placerat percipditur mazim sapientesm persequeris vix in. In affert complectitur eam ius dolores. Ius dolores detraxit tacimates in.

Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.