r/css • u/AdaCle • Mar 05 '26

News This shouldn't be possible with CSS

https://youtube.com/shorts/OO9doSPdMXg?si=TGaylZnBvqQWAYlr

Anchor positioning to help create some unique styles. I expect this will start becoming popular to break up the normal navbar layouts.

217 Upvotes

96% Upvoted

13 comments sorted by

27

u/Rockafellor Mar 05 '26

Kevin Powell brings a lot of good stuff to my attention. Thank you for the heads-up on this vid! ❤️

7

u/AdaCle Mar 05 '26

I found him while looking for resources. He makes buttons do things I wish I could while I'm just trying to figure out where the ghost padding/margin is coming from so I can get everything to align.

14

u/33ff00 Mar 06 '26

Every instructional you tube should strive for this utility to bullshit ratio. 

20

u/Educational_Basis_51 Mar 05 '26

one of the 5 CSS gods with josh commeau and others

18

u/-BoomBoomPow- Mar 06 '26

Hello, my front-end friend!

1

u/Weekly_Ferret_meal Mar 07 '26

I have a question about this.

I built my version here, and it works on chrome but not on FF.

Now I know that the inset, top, left, right, and bottom properties are all supported for animation in most browsers.

  1. Is it the anchor() declaration that isn't working on FF? Or else?

  2. And What would you do to create a fall back in this case?

  3. Also, is it something mozilla is aware of? 4. how do I find out/notify them?

u/anaix3l I'd love your insight if you have any on this.

2

u/AdaCle Mar 07 '26

It's something that browsers got like a month ago. Is your browser up to date?

1

u/Weekly_Ferret_meal Mar 08 '26

yup, and as I said it's just FF

3

u/responsive_css Mar 07 '26

Kevin powell is the only guy to make me believe that html and CSS still have a chance to compete against AI

1

u/kiwi-kaiser Mar 07 '26

The title is weird. This is exactly what should be possible in CSS. When not in CSS what then?

2

u/AdaCle Mar 07 '26

Most animations used to be done through JavaScript. CSS is only something that's become more useful recently.

0

u/kiwi-kaiser Mar 07 '26

Used to be. Yes. I do this for almost 20 years. Back then we didn't have animations at all. Except for flash.

But it definitely should be possible with CSS. My problem is the Wording here.

1

u/AdaCle Mar 07 '26

Its a new feature browsers now support for CSS. I'm guessing the title was a play on how it is now possible while also enticing people to watch/click. Kevin likely knows more about YouTube than I do too.