CSS animation runs whenever the state changes.

[hanbin9775]

Bug report

Current behavior:
If you apply an animated style to iconArrow, the animation will continue to run whenever the state changes.

Expected behavior:
Users could want to add a custom animation style with the intent that the animation only occurs once (when pending -> pulling)

JSFiddle URL for demo with bug:
https://codesandbox.io/s/cranky-gates-ev74r4?file=/src/App.js

Browsers affected:
No dependency.

[hanbin9775]

If this issue is confirmed, I think I could make pr on this. Thanks.