OFF
01
Lava
Molten rock physics via SVG turbulence displacement. The feTurbulence filter animates its seed, creating organic distortion across the gradient as it shifts from cold to molten on toggle.
Five toggle switches. Five distinct physics-based microanimations. Click each one — watch lava flow, blobs merge, boulders orbit.
Molten rock physics via SVG turbulence displacement. The feTurbulence filter animates its seed, creating organic distortion across the gradient as it shifts from cold to molten on toggle.
The knob rotates 360° on its Y axis with preserve-3d, revealing a back face mid-flip. A motion blur trail appears during the rotation. The track has vanishing-point depth lines for added spatial context.
SVG goo filter — feGaussianBlur followed by feColorMatrix threshold — creates organic blob merging. As the knob slides toward the anchor blob, surface tension pulls them together into a single liquid form.
The boulder doesn't slide — it orbits. A JS rAF loop drives a parametric arc where Y offset follows Math.sin(t·π), simulating a gravitational slingshot. Stars twinkle behind the accretion disk glow.
Both track and knob shape-shift simultaneously. The track's border-radius transitions from pill to rounded rectangle while the knob morphs from circle to rounded square, each with a spring-bounce easing. Geometric particles scatter on toggle.