KPow vid: glow behind card only where cursor is hovering
I cannot find this video!! I saw a thumbnail recently in my suggested and now it’s nowhere to be found.
It was a grid of cards with semi-transparency and when you hovered the border glowed only where you were hovering and reflected onto other cards borders
6 Replies
Was it this? https://www.youtube.com/watch?v=-VOUK-xFAyk
Kevin Powell
YouTube
Create an animated, glowing, gradient border with CSS
Inspired by a codepen by Gayane Gasparyan - https://codepen.io/gayane-gasparyan/pen/jOmaBQK - I took my own attempt to create a rotating gradient border, including a nice soft glow.
To do it, I use @property, which doesn't have fantastic browser support, but near the end of the video I look at why that's not really a big deal 🙂
🔗 Links
...
No unfortunately but that’s a great one
It’s like a grid of cards , and when you hover on one you can see a slight glow on the border of the card underneath it. Almost as if the gutter masks out the glow but it’s allowed to peek through via card borders.
Aha I found the Hyperplexed equivalent. Still hoping to find Kpows. I can see the demo in my minds eye but just can’t find the video.
https://youtu.be/htGfnF1zN4g?si=4q7FIJBBZ-v6EzWm
Hyperplexed
YouTube
You Need This Hover Effect On Your Site ASAP (CSS / JS)
#tutorial #codepen
Watch as I show to how to recreate a sweet hover effect (from linear.app) that can span across multiple cards at the same time!
Support the channel: https://ko-fi.com/hyperplexed (accepts PayPal, card, etc).
CodePen: https://cdpn.io/MWQeYLW
Linear: https://linear.app/features
Tools used: HTML, CSS, JavaScript
Music Credi...
This one?
Kevin Powell
YouTube
I just wasted a day on this code, was it worth it?
Trying something very different with this video, where after spending a day working on finding a solution for a fun demo, I found out Hyperplexed already had a video on the same thing. Rather than scrap it though, I decided to share my failed attempts, my final version, and then compare it to Hyperplexed, as well as two different approaches to t...
YES!!! thank you Chris! No wonder my search terms weren’t resulting in finding this 😆