angular-animations icon indicating copy to clipboard operation
angular-animations copied to clipboard

Question about looping with animations that maintain state

Open AxelSparkster opened this issue 4 years ago • 0 comments

Hey Filipows, great library! I just started learning Angular and I'm using it to do some simple animations on a playground website I'm creating.

My issue is that I'm trying to make an shape rotate 360 degrees clockwise, delay 100ms, then repeat (infinitely). However, I'm having trouble because the Rotate animation preserves state, so when implementing it similarly to your simple loop animation, it causes the shape to rotate 360 degrees clockwise, but then it rotates 360 degrees back counterclockwise (due to going back to its initial state from its final state).

Do you have any ideas how would I achieve the desired effect with your library?

Thank you very much!

AxelSparkster avatar Feb 16 '21 18:02 AxelSparkster