Pure CSS Streaming Notification Animation

Paweł Durczok on the

I’m currently working on an e-spots portal and while I’m designing the UX for the site I needed a few subtle animations for various notifications.

One of those animations is used to indicate that a user is streaming on Twitch. I wanted something a bit more sophisticated than just a icon or an outline, but not too invasive either.

As usual, all additional comments are inside the code.

See the Pen Profile Icon – Streaming Notification Animation by Paweł Durczok (@north-of-rapture) on CodePen.