Transitions

With anime.css, you can perform a number of different transitions.

Since anime.css was made with the ability to be super customizable, while still remaining super easy we have 7 different transition types.

Some animations don't work with transition types. They will be labeled on the docs.

Anime.css transitions are done in milliseconds, so 10m is equivalent to 1 second.

Transitions	Speed
linear	1m-60m
in
in-out
ease-in
ease-out
out
linear-out

Example

<button class="ease-in-20m scale-10">Button</button>