Chaflán

Esquinas continuas comparadas con border-radius

Arrastras el radio y el suavizado y la silueta del ícono se recalcula con una curvatura que sube poco a poco; encima, una línea fina muestra el border-radius equivalente y unas rayas marcan dónde difieren, mientras una lupa dibuja la curvatura como un peine de agujas. El resultado sale como trazado SVG, clip-path o corner-shape, se aplica a una tarjeta y a un botón a su tamaño real y se copia con un ✓ cobalto o se descarga como máscara SVG.