Sensitive content

This media may contain sensitive content.

Загрузка видео...

Не удалось загрузить видео

На главную

IMPOTENT KELAS BINTANG 🤙 Support admin biar semangat update ⬇️

LoriLuciani's profile picture

lori luciani

1,219 subscribers

74,186 просмотров • 3 дней назад •via X (Twitter)

NSFW
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

NONTON Kafir Graveyard Horror 2025 Support admin biar semangat update ⬇️
1:52:08

NONTON Kafir Graveyard Horror 2025 Support admin biar semangat update ⬇️

lori luciani

154,336 просмотров • 4 дней назад

NONTON Pulau Hantu 2024 Disclaimer : INDONESIAN HORROR 💀 Support admin biar semangat update ⬇️
1:34:56

NONTON Pulau Hantu 2024 Disclaimer : INDONESIAN HORROR 💀 Support admin biar semangat update ⬇️

KAMAR FILM

13,663 просмотров • 13 дней назад

NONTON Serigala Terakhir 2009 Disclaimer : ACTION DRAMA 💀 Support admin biar semangat update ⬇️
2:19:42

NONTON Serigala Terakhir 2009 Disclaimer : ACTION DRAMA 💀 Support admin biar semangat update ⬇️

KAMAR FILM

249,550 просмотров • 11 дней назад

NONTON Kafir Gerbang Sukma 2026 Disclaimer : HORROR DRAMA💀 Support admin biar semangat update ⬇️
1:47:58

NONTON Kafir Gerbang Sukma 2026 Disclaimer : HORROR DRAMA💀 Support admin biar semangat update ⬇️

KAMAR FILM

14,284 просмотров • 13 дней назад

NONTON The Red Line 2026 Disclaimer : THAILAND DRAMA CRIME🍿 Support mimin terus biar semangat update ⬇️
2:16:54

NONTON The Red Line 2026 Disclaimer : THAILAND DRAMA CRIME🍿 Support mimin terus biar semangat update ⬇️

KAMAR FILM

31,841 просмотров • 10 дней назад

Title Update 7 is feature-packed and finally here! Experience new Mobs, Farming, Circuits, Magshell transportation, 8-player support, Emotes, new Sculpting Tools and so much more in our biggest update yet! See full patch notes in our Discord ⬇️
1:47

Title Update 7 is feature-packed and finally here! Experience new Mobs, Farming, Circuits, Magshell transportation, 8-player support, Emotes, new Sculpting Tools and so much more in our biggest update yet! See full patch notes in our Discord ⬇️

4J Studios

35,860 просмотров • 4 месяцев назад

OVERSEAS ADMIN AN IMPORTANT MESSAGE FROM TOMMY IN PRISON Support Tommy's legal fund here - Tommy gives an update on his current situation from prison. Please also refer to the quoted thread below for details. Please share this post.
4:42

OVERSEAS ADMIN AN IMPORTANT MESSAGE FROM TOMMY IN PRISON Support Tommy's legal fund here - Tommy gives an update on his current situation from prison. Please also refer to the quoted thread below for details. Please share this post.

Tommy Robinson 🇬🇧

184,375 просмотров • 1 год назад

2 months on from the widespread escalation of conflict in #Lebanon, the human toll has reached devastating levels. Humanitarians are delivering aid, but stocks are running low as needs grow. Urgent funding is needed to sustain life-saving support. Our latest update ⬇️
0:21

2 months on from the widespread escalation of conflict in #Lebanon, the human toll has reached devastating levels. Humanitarians are delivering aid, but stocks are running low as needs grow. Urgent funding is needed to sustain life-saving support. Our latest update ⬇️

UN Humanitarian

27,482 просмотров • 1 год назад

🚨 WE NEED YOUR HELP 🚨 Andrew & Tristan Tate are suing me - and multiple other creators - in a massive case with a critical hearing on Dec 4. Here is a full update. Please watch this video. Your support right now genuinely matters. ⬇️ Link to fundraiser for legal fees below
2:29

🚨 WE NEED YOUR HELP 🚨 Andrew & Tristan Tate are suing me - and multiple other creators - in a massive case with a critical hearing on Dec 4. Here is a full update. Please watch this video. Your support right now genuinely matters. ⬇️ Link to fundraiser for legal fees below

Gadget

74,722 просмотров • 9 месяцев назад

🚨 LIVE PANTAUAN GEDUNG SENOPATI MASSA AKSI MASIH TERUS BERDATANGAN! Situasi per jam ini di area sekitar Gedung Senopati terpantau makin ramai! Gelombang massa aksi justru masih terus mengalir berdatangan untuk menyuarakan aspirasi rakyat. Energi di lapangan masih sangat solid! massa aksi bersatu di jalanan. Tapi ingat, makin sore tensi makin rawan pesan penting buat temen-temen yang ada di barisan SALING JAGA, RAPATKAN BARISAN, JANGAN TERPANCING PROVOKASI PENYUSUP! 👍🤝🤙 Beberapa pengingat keselamatan kritis untuk fren-fren di Senopati: • Waspadai Atribut / Oknum Mencurigakan: Kalau ada orang yang tiba-tiba agresif, nyuruh lempar batu, atau mecah barisan tanpa arahan korlap, segera KONTROL, ISOLASI, dan DOKUMENTASIKAN. • Lindungi Kawan Samping Kanan-Kiri: Tetap saling pegang tangan dan koordinasi. Penyusup cuma bisa masuk kalau barisan kita longgar dan terpecah belah. • Tetap Bijak Ber-Medsos: Jangan asal posting video bentrokan tanpa verifikasi waktu (timestamp) biar nggak memicu kepanikan massal atau digoreng jadi hoaks yang merugikan aksi. Aksi ini milik rakyat yang ingin keadilan, bukan panggung buat provokator bayaran yang mau bikin kerusuhan! Tetap semangat, aman di jalanan, dan bawa pulang perjuangan ini dengan selamat! ✊🔥
0:33

🚨 LIVE PANTAUAN GEDUNG SENOPATI MASSA AKSI MASIH TERUS BERDATANGAN! Situasi per jam ini di area sekitar Gedung Senopati terpantau makin ramai! Gelombang massa aksi justru masih terus mengalir berdatangan untuk menyuarakan aspirasi rakyat. Energi di lapangan masih sangat solid! massa aksi bersatu di jalanan. Tapi ingat, makin sore tensi makin rawan pesan penting buat temen-temen yang ada di barisan SALING JAGA, RAPATKAN BARISAN, JANGAN TERPANCING PROVOKASI PENYUSUP! 👍🤝🤙 Beberapa pengingat keselamatan kritis untuk fren-fren di Senopati: • Waspadai Atribut / Oknum Mencurigakan: Kalau ada orang yang tiba-tiba agresif, nyuruh lempar batu, atau mecah barisan tanpa arahan korlap, segera KONTROL, ISOLASI, dan DOKUMENTASIKAN. • Lindungi Kawan Samping Kanan-Kiri: Tetap saling pegang tangan dan koordinasi. Penyusup cuma bisa masuk kalau barisan kita longgar dan terpecah belah. • Tetap Bijak Ber-Medsos: Jangan asal posting video bentrokan tanpa verifikasi waktu (timestamp) biar nggak memicu kepanikan massal atau digoreng jadi hoaks yang merugikan aksi. Aksi ini milik rakyat yang ingin keadilan, bukan panggung buat provokator bayaran yang mau bikin kerusuhan! Tetap semangat, aman di jalanan, dan bawa pulang perjuangan ini dengan selamat! ✊🔥

Sumatera Adil & Federal

14,929 просмотров • 5 дней назад

The Free Major Content Update for #Frostpunk 2 is now live, implementing ⬇️⬇️⬇️: ❄️ Heat management - New gameplay feature where the temperature is now managed at the district level, adding more depth and strategy to city management. ❄️ Tales from the frostland - New challenges that expand the Utopia Builder experience. ❄️ The Pit – A new Utopia Builder map featuring rugged terrain and a unique crater setting, offering fresh city-building challenges. ❄️ Mod support - Frostkit 1.0 modding tool is now available for everyone! ❄️ Serenity Mode - Perfect for newcomers or players seeking a more reflective pace in the development of their cities and societies (hey, we can’t blame you, it’s really cold out there!). ❄️ UI upgrades, improvements & much more!
1:41

The Free Major Content Update for #Frostpunk 2 is now live, implementing ⬇️⬇️⬇️: ❄️ Heat management - New gameplay feature where the temperature is now managed at the district level, adding more depth and strategy to city management. ❄️ Tales from the frostland - New challenges that expand the Utopia Builder experience. ❄️ The Pit – A new Utopia Builder map featuring rugged terrain and a unique crater setting, offering fresh city-building challenges. ❄️ Mod support - Frostkit 1.0 modding tool is now available for everyone! ❄️ Serenity Mode - Perfect for newcomers or players seeking a more reflective pace in the development of their cities and societies (hey, we can’t blame you, it’s really cold out there!). ❄️ UI upgrades, improvements & much more!

Frostpunk 2 | SCENARIO DLC OUT NOW❄️

17,556 просмотров • 1 год назад

After 2+ months of hard work, my latest tutorial on building a Multi-Tenant E-Commerce with Platform Fees is finally out and free on YouTube! 🚀 ⬇️ Link below ⬇️ Are you ready to build your own Gumroad? 🕝 20 hours of content 📖 33 chapters 🏬 Multi-tenant architecture with Payload 🌐 Vendor subdomains with Vercel domains 🎨 Custom merchant storefronts 💳 Stripe Connect integration 💰 Automatic platform fees ⭐ Product ratings & reviews 📚 User purchase library 🧑‍💼 Role-based access control 🛠️ Admin dashboard 🧾 Merchant dashboard 🧱 Payload backend 🗂️ Category & product filtering 🔍 Search functionality 🖼️ Image upload support ⚙️ Built with Lucas 15 🎨 Tailwind CSS v4 styling 💅 shadcn ui components
3:02

After 2+ months of hard work, my latest tutorial on building a Multi-Tenant E-Commerce with Platform Fees is finally out and free on YouTube! 🚀 ⬇️ Link below ⬇️ Are you ready to build your own Gumroad? 🕝 20 hours of content 📖 33 chapters 🏬 Multi-tenant architecture with Payload 🌐 Vendor subdomains with Vercel domains 🎨 Custom merchant storefronts 💳 Stripe Connect integration 💰 Automatic platform fees ⭐ Product ratings & reviews 📚 User purchase library 🧑‍💼 Role-based access control 🛠️ Admin dashboard 🧾 Merchant dashboard 🧱 Payload backend 🗂️ Category & product filtering 🔍 Search functionality 🖼️ Image upload support ⚙️ Built with Lucas 15 🎨 Tailwind CSS v4 styling 💅 shadcn ui components

Code With Antonio

22,468 просмотров • 1 год назад

Q: Lulus kuliah dan sudah hampir setahun nganggur. Sekarang udah mulai hopeless. Harus gimana ya? Sebenarnya, yang berbahaya dari nganggur – selama kamu masih bisa bertahan hidup – menurut gw bukanlah belum mendapat pekerjaan. Tapi saat kamu merasa stuck, males melakukan apa-apa, hopeless, gak ada semangat hidup, atau burnout. Itu lebih bahaya. Dan ini biasanya karena nggak terjadi feedback loop dari cara kamu berproses. Kalau kamu masih muda banget (baru lulus) dan belum ada tanggungan, sadari bahwa kamu punya unfair advantage yg gak semua orang punya: energi, waktu, dan gak ada resiko finansial yang fatal. Sadari itu dulu, dan coba bersyukurlah. Dengan bersyukur kamu bisa lebih tenang dan siapa tau dimudahkan juga rezekinya. Nah kalau kamu udah coba apply ke ratusan lamaran di berbagai job portal dan belum ada feedback apa2, menurut gw cukup jelas ada pada strategi. Kamu mungkin tetap melakukan satu hal yang sama berulang2 walau hasilnya nggak optimal. Ini juga membantu kamu agar gak terjebak di situasi yang sama. Sadari bahwa ada hal2 yang di dalam dan di luar kontrol kamu. Jumlah job opportunity yang adam, dapet offer letter dari perusahaan juga gak bisa kamu kontrol. Yang dalam kontrol kamu adalah usaha untuk meningkatkan keahlian, dan bersiap yang terbaik kalau opportunity datang. Posisikan diri untuk bisa semudah mungkin keberuntungan menemukan kamu. Pelajari hal2 yang perlu seperti bikin CV dengan format yang bagus dan bisa memperlihatkan keahlian kamu dengan baik. Tapi isi CV-nya juga harus berkualitas, dan itu hanya bisa dicapai dengan bikin pencapaian yg didapat dengan skill. Kalau belum punya skillnya, belajar. Share juga prosesnya di blog, linkedin, atau social media apapun. Buat project sendiri, lalu bagikan lagi ke publik dan masukkan itu di CV. Jadi selama kamu masih mencari pekerjaan, yang kamu lakukan bukan cuman apply di job portal dan menunggu. Kamu bakal selalu sibuk. Walau belum dapet kerja dan dapet panggilan interview, anggep cari kerja dan upskilling itu fulltime job kamu sekarang. Bangun pagi, ganti baju saat working hours, pergi ke perpustakaan, pulang saat jam kerja selesai. Lakukan hal2 yang membuat keberuntungan itu mudah untuk kamu dapatkan. And lastly, don’t end the week with nothing. Usahakan sekuat tenaga, di akhir minggu ini kamu akan sedikit lebih baik dari pada kamu di minggu lalu. Dengan belajar hal baru, ikut course, bikin project, reachout leaders di perusahaan yang kamu targetkan pakai linkedin, dokumentasikan perkembangan diri, buat beberapa versi CV untuk versi role yang berbeda, dan lain lain. Apapun. Yang penting jangan biarkan satu minggu berlalu tanpa ada progres. Oh ya, pastikan kamu juga bisa dapet support dari orang tua dan keluarga yang tinggal bareng kamu. Kasih tau plan kamu apa. Soalnya ini juga penting. Gw rekomendasikan sehari2 kegiatan kamu lakukan diluar aja, di perpustakaan misalnya. Biar bisa lebih fokus. Dan siapa tau di perjalanan ini ternyata kamu dapet insight tertentu, yang membuka peluang ke hal2 baru. Jadi pengusaha, bikin toko, freelance, atau penulis webtoon misalnya. Dan itu keren juga kok!
25:17

Q: Lulus kuliah dan sudah hampir setahun nganggur. Sekarang udah mulai hopeless. Harus gimana ya? Sebenarnya, yang berbahaya dari nganggur – selama kamu masih bisa bertahan hidup – menurut gw bukanlah belum mendapat pekerjaan. Tapi saat kamu merasa stuck, males melakukan apa-apa, hopeless, gak ada semangat hidup, atau burnout. Itu lebih bahaya. Dan ini biasanya karena nggak terjadi feedback loop dari cara kamu berproses. Kalau kamu masih muda banget (baru lulus) dan belum ada tanggungan, sadari bahwa kamu punya unfair advantage yg gak semua orang punya: energi, waktu, dan gak ada resiko finansial yang fatal. Sadari itu dulu, dan coba bersyukurlah. Dengan bersyukur kamu bisa lebih tenang dan siapa tau dimudahkan juga rezekinya. Nah kalau kamu udah coba apply ke ratusan lamaran di berbagai job portal dan belum ada feedback apa2, menurut gw cukup jelas ada pada strategi. Kamu mungkin tetap melakukan satu hal yang sama berulang2 walau hasilnya nggak optimal. Ini juga membantu kamu agar gak terjebak di situasi yang sama. Sadari bahwa ada hal2 yang di dalam dan di luar kontrol kamu. Jumlah job opportunity yang adam, dapet offer letter dari perusahaan juga gak bisa kamu kontrol. Yang dalam kontrol kamu adalah usaha untuk meningkatkan keahlian, dan bersiap yang terbaik kalau opportunity datang. Posisikan diri untuk bisa semudah mungkin keberuntungan menemukan kamu. Pelajari hal2 yang perlu seperti bikin CV dengan format yang bagus dan bisa memperlihatkan keahlian kamu dengan baik. Tapi isi CV-nya juga harus berkualitas, dan itu hanya bisa dicapai dengan bikin pencapaian yg didapat dengan skill. Kalau belum punya skillnya, belajar. Share juga prosesnya di blog, linkedin, atau social media apapun. Buat project sendiri, lalu bagikan lagi ke publik dan masukkan itu di CV. Jadi selama kamu masih mencari pekerjaan, yang kamu lakukan bukan cuman apply di job portal dan menunggu. Kamu bakal selalu sibuk. Walau belum dapet kerja dan dapet panggilan interview, anggep cari kerja dan upskilling itu fulltime job kamu sekarang. Bangun pagi, ganti baju saat working hours, pergi ke perpustakaan, pulang saat jam kerja selesai. Lakukan hal2 yang membuat keberuntungan itu mudah untuk kamu dapatkan. And lastly, don’t end the week with nothing. Usahakan sekuat tenaga, di akhir minggu ini kamu akan sedikit lebih baik dari pada kamu di minggu lalu. Dengan belajar hal baru, ikut course, bikin project, reachout leaders di perusahaan yang kamu targetkan pakai linkedin, dokumentasikan perkembangan diri, buat beberapa versi CV untuk versi role yang berbeda, dan lain lain. Apapun. Yang penting jangan biarkan satu minggu berlalu tanpa ada progres. Oh ya, pastikan kamu juga bisa dapet support dari orang tua dan keluarga yang tinggal bareng kamu. Kasih tau plan kamu apa. Soalnya ini juga penting. Gw rekomendasikan sehari2 kegiatan kamu lakukan diluar aja, di perpustakaan misalnya. Biar bisa lebih fokus. Dan siapa tau di perjalanan ini ternyata kamu dapet insight tertentu, yang membuka peluang ke hal2 baru. Jadi pengusaha, bikin toko, freelance, atau penulis webtoon misalnya. Dan itu keren juga kok!

Anas

442,935 просмотров • 3 лет назад

CSS Tip! 🤙 You can create this magnetic :hover effect with CSS anchor positioning, :has, and zero JS 🔥 article { anchor-name: --develop; } ul:has(li:hover) { --anchor: --develop; } ul::after { inset: anchor(var(--anchor) top) anchor(var(--anchor) right) ... ; } How do you keep it clean when entering/exiting the list? Use transition-delay ⭐️ ul:has(li:hover) { --active: 1; } ul::after { opacity: var(--active, 0); transition: opacity 0.2s, inset 0.2s 0.2s; } ul:hover::after { transition: opacity 0.2s 0.2s, inset 0.2s; } This is a cool trick you can use. Delay the opacity on enter and then delay the position on exit. That way you don't get a weird effect on enter/exit 🙏 This one's a "Future" CSS tip 🔮 But, the demo will work in all browsers in some way. The idea is to progressively enhance it. 1. No JavaScript and no Anchor Positioning? Highlight on hover ✏️ 2. No Anchor Positioning? Use JavaScript with a single event listener to update the inset values using elementFromPoint and .closest 🫶 3. If there is Anchor Positioning support, use that and don't fire the JavaScript. You can check with CSS.supports('anchor-name: --anchor') ✨ That's it! CodePen.IO link below! 👇
0:25

CSS Tip! 🤙 You can create this magnetic :hover effect with CSS anchor positioning, :has, and zero JS 🔥 article { anchor-name: --develop; } ul:has(li:hover) { --anchor: --develop; } ul::after { inset: anchor(var(--anchor) top) anchor(var(--anchor) right) ... ; } How do you keep it clean when entering/exiting the list? Use transition-delay ⭐️ ul:has(li:hover) { --active: 1; } ul::after { opacity: var(--active, 0); transition: opacity 0.2s, inset 0.2s 0.2s; } ul:hover::after { transition: opacity 0.2s 0.2s, inset 0.2s; } This is a cool trick you can use. Delay the opacity on enter and then delay the position on exit. That way you don't get a weird effect on enter/exit 🙏 This one's a "Future" CSS tip 🔮 But, the demo will work in all browsers in some way. The idea is to progressively enhance it. 1. No JavaScript and no Anchor Positioning? Highlight on hover ✏️ 2. No Anchor Positioning? Use JavaScript with a single event listener to update the inset values using elementFromPoint and .closest 🫶 3. If there is Anchor Positioning support, use that and don't fire the JavaScript. You can check with CSS.supports('anchor-name: --anchor') ✨ That's it! CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

729,560 просмотров • 2 лет назад

Welcome to the latest #SAFEMOONWALLET update (v3.50)! 🎃 #SAFEMOONARMY, we are thrilled to let you know support for Cardano (#ADA) is now available! You will now be able to view, send, receive, and buy from #MoonPay in the Multi-Coin Menu! But hold onto your seats, because that's not all! 👀 We've been tracking your feedback, and today, we're ALSO delivering to you, the Wallet Tracker dApp, now live within the SafeMoon Wallet! 👌 You'll now have the ability to track your estimated Reflections with more accuracy and dive deep into your portfolio history and stats across the Binance Smart Chain (#BSC), Ethereum (#ETH), and Polygon (#MATIC) networks! 🙌 Signups for the Virtual SafeMoon CL Card are now also live from the Wallet for residents of Australia, New Zealand and select LATAM countries. Let’s go! We hope you enjoy this one as much as we do! 💙 PLEASE NOTE: You will have to sign the new EULA statement (must scroll to the bottom of screen) as mentioned yesterday. This will pop up after updating and upon opening the wallet. Full release notes below, including update EULA link to learn more. ⬇️ Your Moon. Your Pocket. INVENT | EXCITE | UNITE #SAFEMOON | The #Web3 Movement for Everyone™
0:34

Welcome to the latest #SAFEMOONWALLET update (v3.50)! 🎃 #SAFEMOONARMY, we are thrilled to let you know support for Cardano (#ADA) is now available! You will now be able to view, send, receive, and buy from #MoonPay in the Multi-Coin Menu! But hold onto your seats, because that's not all! 👀 We've been tracking your feedback, and today, we're ALSO delivering to you, the Wallet Tracker dApp, now live within the SafeMoon Wallet! 👌 You'll now have the ability to track your estimated Reflections with more accuracy and dive deep into your portfolio history and stats across the Binance Smart Chain (#BSC), Ethereum (#ETH), and Polygon (#MATIC) networks! 🙌 Signups for the Virtual SafeMoon CL Card are now also live from the Wallet for residents of Australia, New Zealand and select LATAM countries. Let’s go! We hope you enjoy this one as much as we do! 💙 PLEASE NOTE: You will have to sign the new EULA statement (must scroll to the bottom of screen) as mentioned yesterday. This will pop up after updating and upon opening the wallet. Full release notes below, including update EULA link to learn more. ⬇️ Your Moon. Your Pocket. INVENT | EXCITE | UNITE #SAFEMOON | The #Web3 Movement for Everyone™

SafeMoon

444,639 просмотров • 2 лет назад

CSS Tip! 🤙 You can use mask-composite and some JavaScript to create this pointer proximity following glow border ✨ .glow { mask-composite: intersect; mask-clip: padding-box, border-box; mask: linear-gradient(#0000, #0000), conic-gradient(#0000 0deg, #​fff, #0000 45deg); } The trick is to mask a background-image with a combination of mask layers. mask-composite: intersect; means the mask used will be the intersection of the layers 🔥 use source-in, xor; in browsers that don't support intersect; In this demo, you can use pseudoelements and rely on scoped custom properties to do a lot of the heavy lifting for you 🙌 Once you've masked the background, you need to update the starting angle of the conic-gradient on pointermove 👆 You can work that out by getting the center point of each card and then calculating the angle between that and the pointer with Math.atan2 🤓 let ANGLE = Math.atan2( event?.y - CARD_CENTER[1], event?.x - CARD_CENTER[0] ) * 180 / Math.PI ANGLE = ANGLE < 0 ? ANGLE + 360 : ANGLE; CARD.​style.setProperty('--start', ANGLE + 90) You plug that into your conic-gradient mask as a custom property accounting for --spread ⚡️ conic-gradient(from calc((var(--angle) - (var(--spread) * 0.5)) * 1deg), #000 0deg, #​fff, #0000 calc(var(--spread) * 1deg)); To get the blur, you apply a blur to the glow container on each card 🤙 .glows { filter: blur(calc(var(--blur) * 1px); } That's it! Layers of masks that are clipped and composited before being blurred 😎 The added trick is to fade each one in when the pointer is in the defined proximity of the card. For example, don't show unless within 100px of a card. You can see that in the video. Check out the JavaScript code for that 🫶 Couldn't resist making this one 😁 CodePen.IO link below! 👇
1:09

CSS Tip! 🤙 You can use mask-composite and some JavaScript to create this pointer proximity following glow border ✨ .glow { mask-composite: intersect; mask-clip: padding-box, border-box; mask: linear-gradient(#0000, #0000), conic-gradient(#0000 0deg, #​fff, #0000 45deg); } The trick is to mask a background-image with a combination of mask layers. mask-composite: intersect; means the mask used will be the intersection of the layers 🔥 use source-in, xor; in browsers that don't support intersect; In this demo, you can use pseudoelements and rely on scoped custom properties to do a lot of the heavy lifting for you 🙌 Once you've masked the background, you need to update the starting angle of the conic-gradient on pointermove 👆 You can work that out by getting the center point of each card and then calculating the angle between that and the pointer with Math.atan2 🤓 let ANGLE = Math.atan2( event?.y - CARD_CENTER[1], event?.x - CARD_CENTER[0] ) * 180 / Math.PI ANGLE = ANGLE < 0 ? ANGLE + 360 : ANGLE; CARD.​style.setProperty('--start', ANGLE + 90) You plug that into your conic-gradient mask as a custom property accounting for --spread ⚡️ conic-gradient(from calc((var(--angle) - (var(--spread) * 0.5)) * 1deg), #000 0deg, #​fff, #0000 calc(var(--spread) * 1deg)); To get the blur, you apply a blur to the glow container on each card 🤙 .glows { filter: blur(calc(var(--blur) * 1px); } That's it! Layers of masks that are clipped and composited before being blurred 😎 The added trick is to fade each one in when the pointer is in the defined proximity of the card. For example, don't show unless within 100px of a card. You can see that in the video. Check out the JavaScript code for that 🫶 Couldn't resist making this one 😁 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

1,180,399 просмотров • 2 лет назад