flag
X logo
Menu
Home Icons Contact
Docs
Typography
Responsive
Containers Grid Align Display
Navigation
Topnav Sidenav Slide down nav Verticale nav Fullscreen nav Buttons Pagination
Pictures
Images Animation Parallax Sliteshow Thumbnail
Helpers
Helpers Padding Margin
More
Accordion Borders Cards Colors Form List Popup modal Table Tooltips

Animation


Introduction

CSS framework has a number of animation classes that you can use on different elements.


Click on the Class name to copy it.

Example animate-opacity

Example code:

<img alt="animatie" class="image animate-opacity" src="images/zomer1.jpg" />

Click on the Class name to copy it.

Example animate-top

Example code:

<img alt="animatie" class="image animate-top" src="images/zomer2.jpg" />

Click on the Class name to copy it.

Example animate-left

Example code:

<img alt="animatie" class="image animate-left" src="images/zomer3.jpg" />

Click on the Class name to copy it.

Example animate-right

Example code:

<img alt="animatie" class="image animate-right" src="images/zomer4.jpg" />

Click on the Class name to copy it.

Example animate-bottom

Example code:

<img alt="animatie" class="image animate-bottom" src="images/zomer5.jpg" />

Click on the Class name to copy it.

Example animate-zoom

Example code:

<img alt="animatie" class="image animate-zoom" src="images/zomer5.jpg" />

Click on the Class name to copy it.

Example animate-input

Example code:

<input class="input animate-input" type="text" placeholder="Klik op mij" style="width:30%" />


© Copyright by Web Henkie
All right reserved
Webmaster