Skip to content
On this page

Animation Duration

ClassProperties (MDN)
animate-fasteranimation-duration: 0.5s;
animate-fastanimation-duration: 0.8s;
animate-slowanimation-duration: 2s;
animate-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 use arbitrary values instead.


<div class="animate-duration-300">Foo</div>
<div class="animate-duration-[2s]">Bar</div>

Released under the MIT License.