I made a thing
Open link in next tab
Just a moment...
https://codepen.io/spartanatreyu/pen/YzbPjwg
Single HTML element + CSS only
- Inhale for 4 seconds
- Hold for 4 seconds
- Exhale for 4 seconds
- Hold for 4 seconds
And repeat
Inspired by: https://quietkit.com/box-breathing/
Note: The current Safari version has a bugged linear()
implementation that has been fixed in the upcoming version.