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

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

На главную

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,470 subscribers

210,662 просмотров • 1 месяц назад •via X (Twitter)

ИскусствоНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

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

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

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

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

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 просмотров • 3 лет назад

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,923 просмотров • 1 месяц назад

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,462 просмотров • 2 лет назад

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,243 просмотров • 6 месяцев назад

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

Sensitive content

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

𝔪🖤

26,441 просмотров • 6 месяцев назад

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

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

DenzelW

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

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

Sensitive content

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

DenzelW

16,139 просмотров • 1 год назад

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

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

DenzelW

10,118 просмотров • 1 год назад

#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 просмотров • 1 год назад

#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 просмотров • 2 лет назад

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,630 просмотров • 1 год назад

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 просмотров • 2 лет назад

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 просмотров • 11 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 7 месяцев назад

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 просмотров • 7 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 1 месяц назад

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

31,639 просмотров • 11 месяцев назад

Fine. Real-life CSS lesson 🧑‍🍳🍕 .topping { translate: calc(var(--x, 0) * 1cqi) calc(var(--y, 0) * 1cqi); transition: translate 0.2s; } [id=slide]:checked ~ .scene .topping { --x: 100; } cc David East
0:17

Fine. Real-life CSS lesson 🧑‍🍳🍕 .topping { translate: calc(var(--x, 0) * 1cqi) calc(var(--y, 0) * 1cqi); transition: translate 0.2s; } [id=slide]:checked ~ .scene .topping { --x: 100; } cc David East

jhey ʕ•ᴥ•ʔ

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