Loading video...

Video Failed to Load

Go Home

if you’re dynamically masking a scroll container with css, consider leaving room for the scrollbar instead of masking it too 🧑‍🍳 mask-repeat: no-repeat; mask-size: calc(100% - 10px) 100px;

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

146,286 subscribers

205,425 views • 11 days ago •via X (Twitter)

ArtsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

CSS Tip! ✨ Did you know you can animate CSS Grid tracks? 👀 ul:is(:hover,:focus-within) {--active: 1;} ul { grid-template-columns: auto repeat(3, calc(10px + (var(--active) * 100px))); transition: all 0.2s; } Adjust layouts based on interaction! 😎 CodePen.IO link below! 👇
0:18

CSS Tip! ✨ Did you know you can animate CSS Grid tracks? 👀 ul:is(:hover,:focus-within) {--active: 1;} ul { grid-template-columns: auto repeat(3, calc(10px + (var(--active) * 100px))); transition: all 0.2s; } Adjust layouts based on interaction! 😎 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

30,561 views • 3 years ago

I put together some Tailwind CSS utilities for masking/fading edges of scroll containers using scroll-driven animations. Link below ↓
0:11

I put together some Tailwind CSS utilities for masking/fading edges of scroll containers using scroll-driven animations. Link below ↓

Tim Wilson

51,213 views • 21 days ago

Today is Uniqlo boy again. Mask: UTDisguise Master Mask #siliconemask #masking #malemask #disguisemask
0:18

Sensitive content

Today is Uniqlo boy again. Mask: UTDisguise Master Mask #siliconemask #masking #malemask #disguisemask

pengpeng

27,393 views • 2 years ago

N95 mask underneath cloth mask. Every show. #oneofthetwo. (but in reality, 99.5% of the time, it's just me who's masking).
0:15

N95 mask underneath cloth mask. Every show. #oneofthetwo. (but in reality, 99.5% of the time, it's just me who's masking).

Judah Friedlander

108,211 views • 5 months ago

Wink 😉 #mask #cosplay #cosplayer #masking #TacticalGear #tactical #cosplaytwt
0:13

Sensitive content

Wink 😉 #mask #cosplay #cosplayer #masking #TacticalGear #tactical #cosplaytwt

𝔪🖤

26,441 views • 5 months ago

#femalemask #femalemasking #mask #siliconsuit #femskin #hot #hotpic #masking #transformation
0:10

#femalemask #femalemasking #mask #siliconsuit #femskin #hot #hotpic #masking #transformation

DenzelW

10,355 views • 2 years ago

#femalemask #femalemasking #mask #siliconsuit #femskin #hot #hotpic #masking #transformation
0:19

Sensitive content

#femalemask #femalemasking #mask #siliconsuit #femskin #hot #hotpic #masking #transformation

DenzelW

16,116 views • 1 year ago

#femalemask #femalemasking #mask #siliconsuit #femskin #hot #hotpic #masking #transformation
0:17

Sensitive content

#femalemask #femalemasking #mask #siliconsuit #femskin #hot #hotpic #masking #transformation

DenzelW

16,102 views • 2 years ago

#femalemask #femalemasking #mask #siliconsuit #femskin #hot #hotpic #masking #transformation
0:10

#femalemask #femalemasking #mask #siliconsuit #femskin #hot #hotpic #masking #transformation

DenzelW

10,094 views • 1 year ago

#femalemask #femalemasking #mask #siliconsuit #femskin #hot #hotpic #masking #transformation
0:12

Sensitive content

#femalemask #femalemasking #mask #siliconsuit #femskin #hot #hotpic #masking #transformation

DenzelW

14,565 views • 1 year ago

I wonder if anyone suspects a thing...... Mask is Lin by #creafx #femalemask #femalemasking #伪娘 #maletofemale #masking #crossdressing #crossdresser #blackwig
0:14

I wonder if anyone suspects a thing...... Mask is Lin by #creafx #femalemask #femalemasking #伪娘 #maletofemale #masking #crossdressing #crossdresser #blackwig

kimmymasked

14,516 views • 1 year ago

Silicone Mask, Full Silicone Suit, No Crotch Opening. Want to see me in it? SO SEXY Character: Raver Or Aerobics Instructor #siliconemask #siliconesuit #mask #disguisecostume #bodysuit #masking #masker #malemasker #maskfetish #gaymask
0:14

Silicone Mask, Full Silicone Suit, No Crotch Opening. Want to see me in it? SO SEXY Character: Raver Or Aerobics Instructor #siliconemask #siliconesuit #mask #disguisecostume #bodysuit #masking #masker #malemasker #maskfetish #gaymask

SirMaskTodd

11,435 views • 2 years ago

how the clip + mask combo works: mask the container element using the relevant keycap image so the image is clipped on translate clip the container element so the hit area doesn't overlap other keys 🧑‍🍳
0:18

how the clip + mask combo works: mask the container element using the relevant keycap image so the image is clipped on translate clip the container element so the hit area doesn't overlap other keys 🧑‍🍳

jhey ʕ•ᴥ•ʔ

115,732 views • 11 months ago

extra detail: animate a CSS custom property from 0 to 100 on scroll and use that for a counter() label::after { content: counter(complete) '% complete'; } translate the label using container query units ✨ translate: 0 calc(var(--p) * 1cqh);
0:10

extra detail: animate a CSS custom property from 0 to 100 on scroll and use that for a counter() label::after { content: counter(complete) '% complete'; } translate the label using container query units ✨ translate: 0 calc(var(--p) * 1cqh);

jhey ʕ•ᴥ•ʔ

77,042 views • 1 year ago

css trick for the "shine" border 🧑‍🍳 take a pseudoelement position + give it an inset box-shadow mask it off at an angle with a linear-gradient 🤙 bonus: use corner-shape: squircle + rotate on pointer move
0:18

css trick for the "shine" border 🧑‍🍳 take a pseudoelement position + give it an inset box-shadow mask it off at an angle with a linear-gradient 🤙 bonus: use corner-shape: squircle + rotate on pointer move

jhey ʕ•ᴥ•ʔ

200,156 views • 6 months ago

you can totally do it with css 🧑‍🍳 use a border mask, layers + overflow: hidden, or other tricks skip animating the gradient though, jus' spin a 1:1 gradient layer 🤙
0:16

you can totally do it with css 🧑‍🍳 use a border mask, layers + overflow: hidden, or other tricks skip animating the gradient though, jus' spin a 1:1 gradient layer 🤙

jhey ʕ•ᴥ•ʔ

285,985 views • 6 months ago

A short presentation of the #GreasePencil features of my upcoming tool It dynamically generates a mesh. The rim helps with the quality of the mask The inner area allows for more realistic inner mouths instead of just having a hole in the head #b3d #GeometryNodes #blender
0:19

A short presentation of the #GreasePencil features of my upcoming tool It dynamically generates a mesh. The rim helps with the quality of the mask The inner area allows for more realistic inner mouths instead of just having a hole in the head #b3d #GeometryNodes #blender

Krysidian

35,134 views • 1 year ago

This one CSS property will fix your z-index headache. In CSS, a child element with z-index will overlap with any fixed or floating elements outside its container. Instead of stacking higher and higher values to fix it. Use this instead: .card-container { isolation: isolate; } With that, any elements with z-index inside the container will be contained. If you found this useful, follow for more. ❤️
0:19

This one CSS property will fix your z-index headache. In CSS, a child element with z-index will overlap with any fixed or floating elements outside its container. Instead of stacking higher and higher values to fix it. Use this instead: .card-container { isolation: isolate; } With that, any elements with z-index inside the container will be contained. If you found this useful, follow for more. ❤️

Ali

16,738 views • 1 month ago

Got carried away with this interactive module for breaking down the CSS mask-image property
0:16

Got carried away with this interactive module for breaking down the CSS mask-image property

rauno

30,879 views • 10 months ago

Work is finished! Inthemask by MOLIS Mask | Invidia by SecondFace . #molis #inthemask #invidia #secondface #molifx #siliconemask #femalemask #unmask #masking #fetish #crossdressing #mtf #qipaodress
0:17

Sensitive content

Work is finished! Inthemask by MOLIS Mask | Invidia by SecondFace . #molis #inthemask #invidia #secondface #molifx #siliconemask #femalemask #unmask #masking #fetish #crossdressing #mtf #qipaodress

Moli 茉莉兔兔

20,588 views • 2 years ago