Skip to content
Back to the feed
0:000:35
Rank#40

Post by jhey ʕ•ᴥ•ʔ

Jʔ

jhey ʕ•ᴥ•ʔ

@jh3yy

Open on X

View Transitions with CSS linear() to create a light flicker effect 💡

Why it is here

CSS view transitions paired with the linear() easing function to fake a flickering light switching on.

Likes
4,1004.1K
Replies
68
All-time rank
#40
Week
W302024
Went viral
Posted on X
Web#css#view-transitions#easing

The digest

Get posts like this in your inbox every morning.

Get Pro

More like this

See the category
Post by Andrew Prifer (is hiring): Dear frontend devs and UI designers. I bring you Liquid DOM, a complete and faithful implementation of Liquid Glass on t
0:34
AH

Andrew Prifer (is hiring)

@AndrewPriferWeb

Likes:8.2K
Post by Aiden Bai: Introducing React Scan: A drop in script to scan your React app for slow performance and renders Try it now - it's ope
0:09
AB

Aiden Bai

@aidenybaiWeb

Likes:5.5K
Post by jhey ʕ•ᴥ•ʔ: CSS Tip! 🤙 You can create this magnetic :hover effect with CSS anchor positioning, :has, and zero JS 🔥 article { anc
0:26
Jʔ

jhey ʕ•ᴥ•ʔ

@jh3yyInteraction

Likes:4.8K
Post by Steve Schoger: ✨ Redesigned the W3Schools website for fun.
Image
SS

Steve Schoger

@steveschogerWeb

Likes:3.3K