Gratis · Design e CSS
Laboratorio CSS anchor positioning.
Posiziona tooltip, menu e popover accanto a un pulsante solo con CSS grazie all’anchor positioning: lato, distanza e alternativa, con anteprima dal vivo.
Loading the calculator…
Come usare questo strumento: Laboratorio CSS anchor positioning
Inserisci i dati o scegli il file. Regola le opzioni, genera il risultato e controllalo prima di copiarlo o scaricarlo.
Limiti e formati supportati
I dati vengono elaborati sul tuo dispositivo.
Note tecniche in inglese
Needs a browser with anchor positioning (all major browsers since 2026). Everything is calculated in your browser; nothing you type is uploaded.
anchor-name marks the button, position-anchor ties the tooltip to it, position-area chooses the side and position-try-fallbacks switches sides when the tooltip would overflow.
position-area: top with a flip-block fallback keeps a tooltip above its button and moves it below when there is no room.