Загрузка видео...
Не удалось загрузить видео
Future CSS Tip! 🔮 Anchor Positioning lets you anchor elements to others with CSS alone 👍 It can also work out positioning if an element gets clipped by a container, window, etc. Think "Common floating UI uses with no JS" 🤯 .el { bottom: anchor(--link top); } Just CSS 👇
160,545 просмотров • 2 лет назад •via X (Twitter)
Комментарии: 10

If you want to see this demo in action, here's the @CodePen link! 🤙 You'll need to be in Chrome Canary with the "Experimental Web Platform Features" flag enabled ⛳️ This one anchors Popovers using the Popover API 😎

And here's an article I put together all about Anchor Positioning that looks into some of the main parts of this CSS API 👀

This is great! tip! thanks you for sharing

It'll be pretty cool when/if it lands in other browsers! 💯

Unrelated question but when is it the right time to implement these new css features? Browser support can widely vary and many systems will still run old browser version so what's the recommended way to go about this?

@SaveToNotion #thread #css

Wow! This will be really very helpful 🤩
🤯!

Whoa…

A @tailwindcss version of this would be amazing
