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]

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]".

[isaacfennell]

Seems like an easy addition, aside from the naming convention issue above

[dicash]

We moved to v4 with --animate-* variables, and this property would be a game changer

[sir-captainmorgan21]

We just created utilities. Its like 4 of them. Should be super easy for them to add, and no naming conflicts. Could do the same for animation duration, though obviously need to support a variable value

@utility fill-mode-none {
  animation-fill-mode: none;
}

@utility fill-mode-forwards {
  animation-fill-mode: forwards;
}

@utility fill-mode-backwards {
  animation-fill-mode: backwards;
}

@utility fill-mode-both {
  animation-fill-mode: both;
}

[jkiss]

and animation duration can NOT custom in theme block