CSS Anchor Positioning allows one element to be positioned relative to another without JavaScript. Commonly used for tooltips, popovers, and dropdowns.
anchor-name is defined on the anchor element to name it; position-anchor is defined on the positioned element to reference the anchor.
Chrome 125+ and Edge 125+ support it. Firefox and Safari are developing. Use @supports for progressive enhancement.