TWO CIRCLES, ONE CONNECTION, AND BORDER-SHAPE

Summary from the TLDR Dev newsletter

CSS anchor positioning, border-shape, and shape() can draw curved connectors that follow two moving elements. The tutorial works through alignment and overflow fixes, then adds conditional shapes and transitions, with demos that currently require Chrome or Edge for full support.