Inicio del segundo conector

<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>Vínculos entre anclas</title> <link rel="stylesheet" href="setting.css"> <link rel="stylesheet" href="local-10.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main class="stage"> <div class="work-field"> <div class="anchor anchor--one"></div> <div class="anchor anchor--two"></div> <div class="anchor anchor--three"></div> <div class="route route--bg route--one"></div> <div class="route route--bg route--two"></div> </div> <div class="parts-field"> <div class="parts-field-cell"> <div class="ship ship--one"></div> </div> </div> </main> </body> </html>

.anchor--one { anchor-name: --a1; } .anchor--two { anchor-name: --a2; } .anchor--three { anchor-name: --a3; } .route--one { anchor-name: --r1; } .route--two { position: absolute; top: {{top}}; bottom: {{bottom}}; } .ship { position: absolute; position-anchor: --r1; position-area: center; }