DEV Community

Stevan Freeborn
Stevan Freeborn

Posted on

message-alert-animation

A new feature that we are building had this interesting looking animation in it that seemed kind of tricky.

figma animation

I wanted to see if I could implement it myself and preferably mostly just with CSS. Here is what I came up with.

I think the timings of the animations could probably be refined a bit more, but I'm proud of it compared next to the Figma animation.

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay