Filter dot
after Petr Knoll
A filter row whose dot hops to the chosen label, stretching in the air and squashing as it lands.
Details
- Every hop takes 450ms, near or far: the dot crosses at an even pace and rises 2.086em for each label it clears, on two curves fitted to the recording.
- It stretches with the lift to 0.84 × 1.25 at the top, lands in a 1.2 × 0.8 squash from its bottom edge, rebounds 0.22em and settles 333ms after touchdown.
- Labels before the chosen one slide 1.11em aside to make room, and label ink fades between half and full: both 180ms ease, a frame after the dot leaves.
- Arrow keys, Home and End select instantly; with reduced motion the dot fades in at its new place instead of hopping.
© 2026 Dhaval Khandhadia. Use it in anything you build; don’t resell it. MIT with the Commons Clause.