A CSS demo showcasing how to create a bending line between two draggable circles using modern CSS features including Anchor Positioning, border-shape, and if(). The line dynamically adjusts its curvature based on the distance between the circles — bending when closer and stretching thinner when farther apart. Currently Chrome-only, the technique simulates physics-like behavior using pure CSS with configurable line length and curve count.
Sort: