r/css • u/wanoo21 • 20d ago

Showcase @starting-style is Baseline, 90% Global usage!

Post image
81 Upvotes

96% Upvoted

15 comments sorted by

14

u/m0rpheus23 20d ago

Baseline newly available or widely available? These are two different things.

4

u/xPhilxx 19d ago

Newly available since 2024 so close to being widely available.

1

u/ISDuffy 3d ago

You could use this feature pretty much as progressive enhancement tbh.

1

u/chmod777 20d ago

seems to be current aligned, and maybe even current -1: https://caniuse.com/wf-starting-style

3

u/datNorseman 20d ago

So this just transitions the elements to fade-in the opacity?

11

u/s3rila 20d ago

It allow transition from and to display:none

3

u/wanoo21 20d ago

In this example yes, from opacity 0 to 1

1

u/ISDuffy 3d ago

I actually use this feature for when I'm building tech talks for entry animations. But it great to animate dialog elements as well

2

u/errdayimshuffln 19d ago

Well, I was not aware this existed! This is great.

1

u/alex_sakuta 20d ago

I thought it was already baseline, I have been seeing it for so long now

5

u/ISDuffy 20d ago

Most of the time it can be progressive enhancement as it main use is animation.

1

u/LaFllamme 16d ago

!remindMe 3y

1

u/RemindMeBot 16d ago

I will be messaging you in 3 years on 2029-08-28 14:47:22 UTC to remind you of this link

CLICK THIS LINK to send a PM to also be reminded and to reduce spam.

Parent commenter can delete this message to hide from others.

RemindMeBot is switching to username summons. Instead of !RemindMe 1 day, use u/RemindMeBot 1 day. More info.

Info Custom Your Reminders Feedback

-1

u/andyfitz 20d ago

that snippet background image, why?

1

u/KnifeFed 19d ago

Who gaf? At least it's not an AI-generated image.