Adjust animation-duration is currently not possible

[jonasdev]

I am using animation-pulse for an icon. Looks great.
But I want to adjust the animation-duration to be a tiny bit slower.
It is 2000ms by default, I would like it to be 3000ms

Currently I've tried with duration-[3000ms] - which doesn't have any effect, since this is transform-duration and not animation-duration.

I think the class for animation-duration is missing?
Something like animate-pulse-[3000ms]

[kg-currenxie]

Would love this too! animate-spin is too slow for us :D

[jonasdev]

Doesn't seem like it. No one from the tailwind core has commented, so guess not :)

[0-Chan]

Still no solution? I think that's a fair question.

[renanrcrr]

To adjust the animation duration for the animation-pulse in Tailwind CSS, you'll need to customize it using Tailwind's configuration. Tailwind doesn't have a built-in utility for directly setting the animation-duration, so you'll need to extend the default configuration to add your custom duration.

[jonasdev]

Thats my point. It is like it is missing, since it is made for transform-duration but not animation-duration.

[mazei513]

We worked around this with arbitrary properties for now, e.g. "animate-spin [animation-duration:300ms]".