Loading video...

Video Failed to Load

Go Home

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

271,326 views • 2 years ago •via X (Twitter)

10 Comments

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈1 year ago

so looks like we never shared the @CodePen! 🤦‍♂️ here it is 👇

Sidi jeddou's profile picture
Sidi jeddou2 years ago

Damn, this is so cool, I’m very curious to know why you still haven’t launched a website listing all these beautiful stuff you made so far 🥲

lasse's profile picture
lasse2 years ago

Awesome, but how to set "System"?

hi_imhere's profile picture
hi_imhere2 years ago

Awesome!! Share the code :)

Tyrone C.'s profile picture
Tyrone C.2 years ago

Definitely wouldn’t be me turning the lights on and off for an hour on repeat

Sandeep Machiraju's profile picture
Sandeep Machiraju2 years ago

I wish I saw this before, I could have used it. I created my resume website similar idea Like find a light at top right corner to actually light up screen and find cat

Nicolas 👻's profile picture
Nicolas 👻2 years ago

I'm still thinking about this - looks amazing but the fact that the light changes when you let go instead of when you pull down bothers me more than it should

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈2 years ago

It does because not all pull switches are "Pull to break". They don't all work in one uniform way. There is more than one type of mechanism design for pull switches.

Andrej Maznevski's profile picture
Andrej Maznevski2 years ago

This is really cool 😄

Yadiel 🦖's profile picture
Yadiel 🦖2 years ago

*me sometimes struggling centering a div* jhey:

Related Videos