Recreating the Apple Watch Breathe App Animation

The Apple Watch comes with a stock app called Breathe that reminds you to, um, breathe. There’s actually more to it than that, but the thought of needing a reminder to breathe makes me giggle. The point is, the app has this kinda awesome interface with a nice animation.

Photo courtesy of Apple Support
I thought it would be fun to recreate the design in vanilla CSS. Here’s how far I got, which feels pretty close.
See the Pen Apple …

Recreating the Apple Watch Breathe App Animation is a post from CSS-Tricks

Link: https://css-tricks.com/recreating-apple-watch-breathe-app-animation/