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

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

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.

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

If you are looking for a Business site, Portfolio site, Photography site, Hotel site, Blog site then Trends is the perfect solution. All examples below were created in seconds using the many parameter controls the template has to offer. Click on style image to see live example.

Sample Style 1

Sample Style 2 - For those who like a Bright Fresh Design!

Sample Style 3

Sample Style 4

Sample Style 5

Sample Style 6

Sample Style 7

Sample Style 8

All of the above are sample styles, you can create any style you wish!

demotemplate Vestibulum dapibus, urna at posuere viverra, erat libero scelerisque odio, a egestas odio neque ac mi. Donec a viverra eros. Sed semper, mauris non placerat tempus, elit tortor pretium odio, vitae bibendum turpis eros non lectus. Curabitur ante est, venenatis vel pellentesque at, fermentum sit amet nibh. Proin et vulputate orci. Sed vitae ipsum sed sapien venenatis congue eu at velit. Integer eget sem magna. Nam sed turpis tincidunt velit fringilla consectetur nec sit amet lacus. Praesent nunc tortor, placerat id posuere sed, cursus nec arcu. In sollicitudin, nulla interdum cursus malesuada, lectus dolor mollis mauris, sit amet varius odio est sed elit.

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. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Vestibulum dapibus, urna at posuere viverra, erat libero scelerisque odio, a egestas odio neque ac mi. Donec a viverra eros. Sed semper, mauris non placerat tempus, elit tortor pretium odio, vitae bibendum turpis eros non lectus. Curabitur ante est, venenatis vel pellentesque at, fermentum sit amet nibh. Proin et vulputate orci. Sed vitae ipsum sed sapien venenatis congue eu at velit. Integer eget sem magna. Nam sed turpis tincidunt velit fringilla consectetur nec sit amet lacus. Praesent nunc tortor, placerat id posuere sed, cursus nec arcu. In sollicitudin, nulla interdum cursus malesuada, lectus dolor mollis mauris, sit amet varius odio est sed elit.

Il Building Information Modeling è una modalità di lavoro integrata per processi ottimizzati di progettazione, realizzazione e gestione degli immobili. Essendo una piattaofrma BIM, Allplan rappresenta la base ideale, grazie al lavoro su un modello 3D digitale object-oriented. Tutte le informazioni di progetto sono inserite, archiviate e utilizzate in un unico modello di edificio. In questo modo puoi usufruire di dati aggiornati, qualitativi e condivisibili in sicurezza che ti consentono di progettare, costruire e utilizzare l'edificio in modo efficiente sia in termini di costi che di tempo di realizzazione.

Animations

1: How to add class to any element.

2: How to add class to a menu item.

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

Example Animations

Sample Styling

Demo Article

Responsive Joomla Template

Il Bim x Tutti