16
I made a thing (codepen.io)
submitted 7 months ago* (last edited 7 months ago) by spartanatreyu@programming.dev to c/webdev@programming.dev

Single HTML element + CSS only

  1. Inhale for 4 seconds
  2. Hold for 4 seconds
  3. Exhale for 4 seconds
  4. 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.

you are viewing a single comment's thread
view the rest of the comments
[-] DuffmanOfTheCosmos@beehaw.org 2 points 7 months ago

Haha nice, thanks!

this post was submitted on 14 May 2024
16 points (100.0% liked)

Web Development

3453 readers
1 users here now

Welcome to the web development community! This is a place to post, discuss, get help about, etc. anything related to web development

What is web development?

Web development is the process of creating websites or web applications

Rules/Guidelines

Related Communities

Wormhole

Some webdev blogsNot sure what to post in here? Want some web development related things to read?

Heres a couple blogs that have web development related content

CreditsIcon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 2 years ago
MODERATORS