Fade

Scale Up

Scale Down

Shake

Slide Left

Slide Top

Slide Bottom

Slide Right

Slide Left Small

Slide Top Small

Slide Bottom Small

Slide Right Small

Slide Left Medium

Slide Top Medium

Slide Bottom Medium

Slide Right Medium

<div class="uk-animation-fade"></div>
<div class="uk-animation-scale-up"></div>
<div class="uk-animation-scale-down"></div>
<div class="uk-animation-shake"></div>
<div class="uk-animation-slide-left"></div>
<div class="uk-animation-slide-top"></div>
<div class="uk-animation-slide-bottom"></div>
<div class="uk-animation-slide-right"></div>
<div class="uk-animation-slide-left-small"></div>
<div class="uk-animation-slide-top-small"></div>
<div class="uk-animation-slide-bottom-small"></div>
<div class="uk-animation-slide-right-small"></div>
<div class="uk-animation-slide-left-medium"></div>
<div class="uk-animation-slide-top-medium"></div>
<div class="uk-animation-slide-bottom-medium"></div>
<div class="uk-animation-slide-right-medium"></div>
Reverse modifier

Fade

Scale Up

Scale Down

Shake

Slide Left

Slide Top

Slide Bottom

Slide Right

Slide Left Small

Slide Top Small

Slide Bottom Small

Slide Right Small

Slide Left Medium

Slide Top Medium

Slide Bottom Medium

Slide Right Medium

<div class="uk-animation-fade uk-animation-reverse"></div>
<div class="uk-animation-scale-up uk-animation-reverse"></div>
<div class="uk-animation-scale-down uk-animation-reverse"></div>
<div class="uk-animation-shake uk-animation-reverse"></div>
<div class="uk-animation-slide-left uk-animation-reverse"></div>
<div class="uk-animation-slide-top uk-animation-reverse"></div>
<div class="uk-animation-slide-bottom uk-animation-reverse"></div>
<div class="uk-animation-slide-right uk-animation-reverse"></div>
<div class="uk-animation-slide-left-small uk-animation-reverse"></div>
<div class="uk-animation-slide-top-small uk-animation-reverse"></div>
<div class="uk-animation-slide-bottom-small uk-animation-reverse"></div>
<div class="uk-animation-slide-right-small uk-animation-reverse"></div>
<div class="uk-animation-slide-left-medium uk-animation-reverse"></div>
<div class="uk-animation-slide-top-medium uk-animation-reverse"></div>
<div class="uk-animation-slide-bottom-medium uk-animation-reverse"></div>
<div class="uk-animation-slide-right-medium uk-animation-reverse"></div>

Themes

Main Menu