MDN Web Docs @mdn@mastodon.social
Public

🆕 CSS Anchor Positioning is Newly Available!

Position tooltips, dropdowns, and floating elements relative to any anchor — without JavaScript.

⋅ anchor-name on the reference element
⋅ position-anchor on the floating element
⋅ No more complex getBoundingClientRect() logic

Learn more 👇
developer.mozilla.org/en-US/do

The MDN logo

CSS anchor positioning - CSS | MDN

The CSS anchor positioning module defines features that allow you to tether elements together. Certain elements are defined as anchor elements; anchor-positioned elements can then have their size and position set based on the size and location of the anchor elements to which they are bound.

developer.mozilla.org · MDN Web Docs

0
0
0

If you have a fediverse account, you can quote this note from your own instance. Search https://mastodon.social/users/mdn/statuses/116237560334399562 on your instance and quote it. (Note that quoting is not supported in Mastodon.)