Video yükleniyor...
Video Yüklenemedi
CSS Tip! ✨ You can use background-attachment to fix backgrounds to the viewport 🤙 card { background:radial-gradient(circle at var(--x) var(--y), ...); background-attachment:fixed; } JS to get the cursor position but use the same bg for a spotlight 🔦 CodePen.IO link below 👇
490,227 görüntüleme • 3 yıl önce •via X (Twitter)
10 Yorum

jhey ▲🐻🎈3 yıl önce
Here's that @CodePen link! 🚀 Try hovering around the different cards Couple little tricks in this one that I'll elaborate on 🤓

Sara Soueidan3 yıl önce
@CodePen Brilliant

jhey ▲🐻🎈3 yıl önce
@CodePen "background" has so many interesting properties and use cases! 🤓

ɐʇɯon3ɹ ⚛3 yıl önce
@CodePen I love it!!

Christian3 yıl önce
@CodePen @TheXeii yeah okay im a dogshit dev im quitting

FK3 yıl önce
@CodePen Hey Chief! you're an answered prayer! Your glowing cursor implementation was just what I needed for the "Hats I wear" section of my portfolio Hopefully the code override in Framer is pretty easy too

Dean Gibson2 yıl önce
@CodePen I thought that looked familiar 🙂

Atif Riaz3 yıl önce
@CodePen O man, this is beautiful 😍

𝕿𝖔𝖋𝖚 𝕯𝖆𝖉𝖉𝖞3 yıl önce
@CodePen I can see Vercel using this effect on their site 👀

بدر3 yıl önce
@CodePen Windows 10 vibes
