Loading video...

Video Failed to Load

Go Home

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

265,736 views • 1 year 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 jeddou1 year 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
lasse1 year ago

Awesome, but how to set "System"?

hi_imhere's profile picture
hi_imhere1 year ago

Awesome!! Share the code :)

Tyrone C.'s profile picture
Tyrone C.1 year ago

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

Sandeep Machiraju's profile picture
Sandeep Machiraju1 year 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 👻1 year 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 ▲🐻🎈1 year 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 Maznevski1 year ago

This is really cool 😄

Yadiel 🦖's profile picture
Yadiel 🦖1 year ago

*me sometimes struggling centering a div* jhey:

Related Videos