Wat is CSS Anchor Positioning Generator?
CSS Anchor Positioning Generator is een browsertool voor deze taak: Genereer CSS anchor positioning regels voor tooltips, dropdowns en callouts. De uitvoer blijft leesbaar, zodat je die kunt controleren voordat je hem publiceert.
Quick answer
Anchor positioning lets you attach an element to another element on the page using CSS alone, without JavaScript. It replaces most manual position calculations for tooltips, popovers, and dropdown menus.
Limitations
- Anchor positioning is only supported in Chrome 125+. Firefox and Safari do not yet support it as of early 2026.
- The anchor element must be a DOM ancestor or referenced by anchor-name. Elements in different shadow roots may not work.
- Fallback positioning with position-fallback is experimental and behavior varies across supported browsers.
Zo gebruik je deze tool
- Open de tool en vul de relevante waarden in.
- Controleer de uitvoer in het resultaatpaneel.
- Kopieer alleen het deel dat bij je página past.
- Test de wijziging voordat je publiceert.
Waarvoor je het kunt gebruiken
- Terugkerend publicatiewerk sneller afronden.
- Markup, CSS of checklists voorbereiden voor een launch.
- Kleine fouten vermijden die bij statische sites makkelijk worden gemist.