Skip to content

Animation Duration

ClassProperties
animated-fasteranimation-duration: 0.5s;
animated-fastanimation-duration: 0.8s;
animated-slowanimation-duration: 2s;
animated-sloweranimation-duration: 3s;
animate-duration-[time]animation-duration: time;

Here [time] is one of {75, 100, 150, 200, 300, 500, 700, 1000} and is interpreted like 75ms, 100ms, ... You can also add s for seconds and ms for milliseconds.

Examples

html
<div class="animated animated-duration-300">Foo</div>
<div class="animated animated-duration-2s">Bar</div>

Released under the MIT License.