Dynamic Island inspired toolbar with CSS spring physics

I needed to prototype this idea of a UI element. I wanted to see how it feels to use and whether the linear function in CSS could create a convincing spring effect without having to use a physics library like Framer Motion. So all transitions in this use the same linear function. The values for that were created with a generator

See the pen "Dynamic Island inspired toolbar with CSS spring physics" on CodePen

The effect is quite convincing, I think. Though it would need some fine tuning to work on a major Element, to not become annoying over time.

I also wanted to see how using extreme CSS nesting feels. It was surprisingly nice, and I might do that more often.