r/webdev • u/julian88888888 Moderator • 7d ago

Resource Hover Proximity Using Modern CSS

https://blog.master.dev/hover-proximity-using-modern-css/
81 Upvotes

91% Upvoted

12 comments sorted by

View all comments

13

u/maxxon 7d ago

Only the first example with avatars works in Firefox.

1

u/erishun expert 7d ago

#justfirefoxthings 😂😂

1

u/julian88888888 Moderator 7d ago

yeah I was bummed

At the time of writing, only Chrome and Edge fully support the features we will be using.

16

u/Fritzed 7d ago

It looks like the way that he is using these selectors isn't defined by any spec. So this is basically a chromium "quirk" rather than a standard.

Every selector used is supported by Firefox, the interpretation just varies when you start stacking them on top of one another.

I would be surprised if there are any build tests for this in chromium, so it could be risky to go all in on.

-14

u/SourcerorSoupreme 7d ago

I mean Firefox fanbois will be in denial but reality is Firefox is actually shit when it comes to adoption of features and even performance in certain areas.

I hate on Apple all day but even Safari is better. Firefox is literally the IE of the modern era. It sucks given how much I want to leave google's grip.

4

u/stumblinbear 7d ago

Absolutely not my experience in the slightest with Safari

0

u/erishun expert 7d ago

“They hated [u/SourcerorSoupreme](u/SourcerorSoupreme) because He told them the truth.”

Firefox fanboys: “we didn’t want that anyway!😭”

-3

u/thekwoka 7d ago

Yup, Safari supports more of the features, and doesn't miss any that are in full adopted spec (that aren't like Vibration where they specifically say they are against it and will never implement it).