Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

is it the mask you want?

207,740 görüntüleme • 1 yıl önce •via X (Twitter)

10 Yorum

DaMommyy profil fotoğrafı
DaMommyy1 yıl önce

@BryanKirks i can’t take anymore of this

r໐๖ ค ๖คຖk fน¢k ๓i¢kēฯ ๓໐นŞē profil fotoğrafı
r໐๖ ค ๖คຖk fน¢k ๓i¢kēฯ ๓໐นŞē1 yıl önce

@BryanKirks This is the longest goddamn edging session in the history of forever

nat profil fotoğrafı
nat1 yıl önce

@BryanKirks kingdom of cards tease

Slipknot Brasil profil fotoğrafı
Slipknot Brasil1 yıl önce

@BryanKirks vcs lembram que tem que estar aqui domingo né vidas?

ev profil fotoğrafı
ev1 yıl önce

@BryanKirks Dark romance girlies are here and unwell

adeli. profil fotoğrafı
adeli.1 yıl önce

@BryanKirks love it!

:) profil fotoğrafı
:)1 yıl önce

@BryanKirks IDK HOW MANY MORE GOODBYE FRIENDS I CAN TAKE

gio Ꙩ⋆.˚ profil fotoğrafı
gio Ꙩ⋆.˚1 yıl önce

@BryanKirks we wanna know when the band will arrive in brazil

Haylie Hope Less profil fotoğrafı
Haylie Hope Less1 yıl önce

@BryanKirks

kian 𖤐🍉 profil fotoğrafı
kian 𖤐🍉1 yıl önce

@BryanKirks KILLING MYSELF

Benzer Videolar

CSS Trick! 🤙 You can create gradient borders on translucent elements using mask-clip and mask-composite with a pseudo-element 🔥 .gradient-border::after { mask-clip: padding-box, border-box; mask-composite: intersect; mask: linear-gradient(transparent, transparent), linear-gradient(white, white); } It's the same "Transparent border trick" from before. But, now you apply it to a pseudo-element 😎 The trick is to create a pseudo-element with a gradient background and then mask it so we only see the part we want, the border ✨ mask-clip defines the area affected by a mask. Similar to how you can define background-size. Using padding-box and border-box constrains the two masks. mask-composite is the magic part ✨ It defines a compositing operation for stacked mask layers. Using intersect means that the parts that overlap get replaced. And this seems to work in all browsers 🙌 As for the rest of the styles... – Make sure you set pointer-events: none on the pseudo-element – Make sure it fills the parent element. You can use position: absolute and inset: 0 – Make sure the background fills the space including the border-width. You can use calc to achieve that: --bg-size: calc(100% + (2px * var(--border))); background: var(--gradient) center center / var(--bg-size) var(--bg-size); That's it! 🚀 Gradient borders on translucent elements. You can set all the backdrop-filter: blur() you like! 😅 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

269,847 görüntüleme • 2 yıl önce