Menu icon Foundation
data-animation-in options?

I would like to use data-animation-in="fade-in", but it's a bit slow. Is there a way to control the speed?

Also, I am actually having trouble finding what can be used with "data-animation-in", basically guessed there was a "fadein" feature, where are they documented?

Thanks!
Steve

            
data-animation-in="fade-in"
         

reveal

I would like to use data-animation-in="fade-in", but it's a bit slow. Is there a way to control the speed?

Also, I am actually having trouble finding what can be used with "data-animation-in", basically guessed there was a "fadein" feature, where are they documented?

Thanks!
Steve

            
data-animation-in="fade-in"
         
Rafi Benkual over 3 years ago

There's a couple of classes you can chain on that control speed.

slow
fast

like: <div class="callout" data-closable="slide-out-right fast">

All the docs are here: https://github.com/zurb/motion-ui/blob/master/docs/transitions.md

Steve Valet over 3 years ago

Thanks Rafi! Extremely helpful.