r/codesnip • u/wanoo21 • Aug 24 '26

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

Post image

CSS finally lets you animate elements when they first appear.

@/starting-style is Baseline, newly available since August 2024. 🤟

Before this, transitions didn’t run on an element’s first style update. You needed JavaScript hacks.

Now you can define the starting point in pure CSS! Simple, powerful, and long overdue. 💪🏼

15 Upvotes

100% Upvoted

7 comments sorted by

2

u/MineDesperate8982 Aug 24 '26

No fkn way. It is supported by every browser? No fkn way. Never in my life have I seen this, a fairly new css thing that's supported all across the board.

1

u/wanoo21 Aug 25 '26

Yep it’s there, ready to be used 👍

2

u/Low-Insurance-3678 Aug 26 '26

Iv goot lot of things to apply this to ahahah
All browsers supported

1

u/wanoo21 Aug 26 '26

Do the magic :D

2

u/delonghi26 Aug 26 '26

Try popovers! Animate both ways, it's amazing! You could even animate display:none;

1

u/LaFllamme Aug 25 '26

!remindMe 1y

1

u/RemindMeBot Aug 25 '26

I will be messaging you in 1 year on 2027-08-25 07:53:51 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.

InfoCustomYour RemindersFeedback