Rising Bubble Field

Overview

N bubbles, CSS vars for x, negative animation-delay for phase. Loop.

Build

1. 01

   bubbleCount.

2. 02

   speeds / sizes / x.

3. 03

   negative delay.

.b { animation: bubble-rise 2.4s infinite; animation-delay: var(--phase) }