CSSで2つの円を線でつなぐボーダーを実装できると思いますか? 可能になりました! Chrome 147+のアップデートでサポートされたborder-shapeプロパティを使用すると、ボーダーにあらゆる形状(多角形・円など)を設定できます。 まずは、実際の動作をご覧ください。ドラッグの操作にはJavaScriptが使用されていますが、自由に変形するボーダーはCSSで実装されています。 ※Chrome 147+, Edge 147+でご覧ください。 See the Pen CSSのborder-shapeで直線を曲げる 1 by coliss (@coliss) on CodePen. CSSのborder-shapeプロパティは、ボーダーに任意の形状(多角形・円など)を設定できます。clip-pathと同じ形状を作成できますが、clip-pathのマスクとは異なり、border-shape

