正在加载视频...

视频加载失败

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

265,736 次观看 • 1 年前 •via X (Twitter)

10 条评论

jhey ▲🐻🎈 的头像
jhey ▲🐻🎈1 年前

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

Sidi jeddou 的头像
Sidi jeddou1 年前

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 的头像
lasse1 年前

Awesome, but how to set "System"?

hi_imhere 的头像
hi_imhere1 年前

Awesome!! Share the code :)

Tyrone C. 的头像
Tyrone C.1 年前

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

Sandeep Machiraju 的头像
Sandeep Machiraju1 年前

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 👻 的头像
Nicolas 👻1 年前

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 ▲🐻🎈 的头像
jhey ▲🐻🎈1 年前

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 的头像
Andrej Maznevski1 年前

This is really cool 😄

Yadiel 🦖 的头像
Yadiel 🦖1 年前

*me sometimes struggling centering a div* jhey:

相关视频