Summary & Key Takeaways ​

• The tutorial demonstrates connecting two draggable circles with curved lines.
• It utilizes the experimental CSS properties border-shape and shape().
• This technique allows for dynamic and perfectly aligned UI connections.
• It builds upon a previous article, swapping clip-path for border-shape.

Our Commentary ​

Oh, border-shape and shape()! These are some seriously cool, albeit experimental, CSS features. It's always exciting to see creative applications that push the boundaries of what's possible with styling. This kind of tutorial is fantastic for inspiring new UI ideas. I'm a sucker for elegant CSS solutions to complex visual problems.