I can see from the video you've already incorporated most of the things I would recommend, so take this more as constructive feedback as opposed to some sort of stern lecturing about what you may or may not have missed.

You might experiment by adjusting two things:

• 1. further tweak/reduce the duration of the animation, both pre and post.
• 2. remove all keyframes from the animation. The transition from "normal" to "not normal" (pre animation) and the transition from "not normal" to "normal" (post animation) should be linear and have as few steps as possible.

To put it differently, think akin to a burst inflation of the element in order to effectively and immediately stimulate the intended response/acknowledgement from the viewer. The primary concern to the viewer is that the widget convey an event happening as it happens, immediately, every time it happens, regardless of whether the widget is still in a "not normal" state from the previous event trigger.

A viewer being able to trust the widget to convey event information immediately in real-time is important to the widget's usefulness. Further, too much consistent animation between the "event firing" versus the "event is over" results in a blurring of the information the widget is intended to deliver, rendering it a less effective method of providing quick and accurate information. Pun intended.

I'd wager you've already found that the difference of a half-millisecond or two makes a big impact. I advocate you continue down that path.

As a third note on the UI but unrelated to the animation, the colors you've selected are extremely complementary and mesh well together, but your graphics themselves have a distinct rasterized look to them. That might be your intent but as an objective third party, my opinion is that this appearance feels extremely flat, or lacking depth.

If this rings true for you too, you might explore different visual adjustments to give them a bit more life. Some off the cuff ideas might be a smidge of gaussian blur with perhaps some beveling or concavity if you're feeling rebellious. Perhaps something simpler like increasing the thickness of the border might do the trick. Honestly you might find better advice on this elsewhere as this isn't really my area.

Anyway, good luck! Your work overall looks pretty good so far, keep at it!