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


Introductie

CSS-framework heeft een aantal animatie classes die u op verschillende elementen kunt gebruiken.


Klik op de Class naam om deze te kopiëren.

Voorbeeld animate-opacity

Voorbeeldcode:

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

Klik op de Class naam om deze te kopiëren.

Voorbeeld animate-top

Voorbeeldcode:

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

Klik op de Class naam om deze te kopiëren.

Voorbeeld animate-left

Voorbeeldcode:

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

Klik op de Class naam om deze te kopiëren.

Voorbeeld animate-right

Voorbeeldcode:

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

Klik op de Class naam om deze te kopiëren.

Voorbeeld animate-bottom

Voorbeeldcode:

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

Klik op de Class naam om deze te kopiëren.

Voorbeeld animate-zoom

Voorbeeldcode:

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

Klik op de Class naam om deze te kopiëren.

Voorbeeld animate-input

Voorbeeldcode:

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


© Copyright by Web Henkie
All right reserved
Webmaster