Cadena: desplazar la segunda ancla

<!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-9.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="route route--bg route--one"></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; grid-row: {{gridRow}}; grid-column: {{gridColumn}}; } .route--one { anchor-name: --r1; } .ship { position: absolute; position-anchor: --r1; position-area: center; }