Fade
Scale Up
Scale Down
Shake
<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>
Fade
Scale Up
Scale Down
Shake
<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>