正在加载视频...
视频加载失败
CSS Tip! ⭐️ You can use mix-blend-mode with scoped custom properties to create this inverted :hover effect 🤙 button > span { left: calc(var(--x, 0) * 1px); top: calc(var(--y, 0) * 1px); mix-blend-mode: difference; 👈 } The cool trick is that using mix-blend-mode acts like a color inverter which... show more
9 条评论

jhey ▲🐻🎈2 年前
And here's the @CodePen link! 🚀 Sorry – Was hopping on a call with the legend @JohnPhamous ⚡️

Brandon McConnell2 年前
W.h.e.r.e…i.s…t.h.e…C.o.d.e.P.e.n…l.i.n.k.?

Denis Avguštin2 年前
You are some sort of wizard, right? I hope my clients never see your examples of "what can be done" 🤣

jhey ▲🐻🎈2 年前
All you dude! 🤙

Achille2 年前
How do you get good video quality on X? Compression is killing my videos.

Arnill Hasan2 年前
Love this CSS magic! The hover effect is super sleek with mix-blend-mode.

Jordan Zucchiatti2 年前
@tristanjoly_web look at that mofo

Kingsley Ibhasebhor2 年前
Where do you find all these tips???

Sinan ☀2 年前
this feels nice
