Qué es Generador CSS anchor positioning?
Generador CSS anchor positioning es una herramienta de navegador para esta tarea: Genera reglas CSS anchor positioning para tooltips, dropdowns y callouts. La salida es fácil de revisar antes de usarla en un sitio publicado.
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.
Cómo usar esta herramienta
- Abre la herramienta y escribe los valores necesarios.
- Revisa la salida en el panel de resultado.
- Copia solo la parte que encaja con tu página.
- Prueba el cambio antes de publicar.
Para qué puedes usarla
- Resolver tareas repetidas de publicación con menos fricción.
- Preparar marcado, CSS o checklists antes del lanzamiento.
- Evitar pequeños errores comunes en sitios estáticos.