В детстве мы играли в файтинги на денди (а мажоры на сегамегадрайве). И там были суперприёмы. В анкор позишнинге они тоже есть!
Суперприём #1 – прочная связь двух элементов
Один угол заякорённого элемента привязываем к первому якорю, противоположный угол — ко второму якорю. Готово. Связь будет сохраняться при перемещении связанных элементов. Визуально оформить связь можно фоном или рамками. Код:
.svyaz {
/* один угол связали с --a1 */
top: anchor(--a1 center);
left: anchor(--a1 center);
/* второй с --a2 */
bottom: anchor(--a2 center);
right: anchor(--a2 center);
}
Суперприём #2 – цепочки якорей
Один заякорённый элемент можно делать якорем для второго, а тот для третьего и так далее. Простор для творчества — гигансткий.
Этот приём напоминает мне школьную игру про "... дорисуй вагон другой".
Пощупать эти приёмы можно в очередном уровне игры про Anchor Positioning. Перед этим лучше пройти все предыдущие уровни.
→ опубликовано через smmtp://