Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 🧑‍🍳

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

146,393 subscribers

119,045 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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;
0:13

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;

jhey ʕ•ᴥ•ʔ

213,001 Aufrufe • vor 4 Monaten

💡 Do you know about the `clip` value? In CSS, we can clip a container along a single axis by using the `clip` value. Learn more in this interactive article about the `clip` value:
0:17

💡 Do you know about the `clip` value? In CSS, we can clip a container along a single axis by using the `clip` value. Learn more in this interactive article about the `clip` value:

Ahmad Shadeed

10,533 Aufrufe • vor 1 Jahr

3. Modify image Use this prompt to modify the image you have chosen: "Modify image [1] with seed [1470033597]: add a parrot on her shoulder" Dall-E 3 identifies the image and makes the changes for you! Tips and tricks: - You can generate as many variations as you like. - It's also possible to remove an element from the image using the same method. - Sometimes the image isn't 100% identical, but still looks very similar.
0:10

3. Modify image Use this prompt to modify the image you have chosen: "Modify image [1] with seed [1470033597]: add a parrot on her shoulder" Dall-E 3 identifies the image and makes the changes for you! Tips and tricks: - You can generate as many variations as you like. - It's also possible to remove an element from the image using the same method. - Sometimes the image isn't 100% identical, but still looks very similar.

Paul Couvert

44,073 Aufrufe • vor 2 Jahren

🖤 Jupiter 🖤 Live2D The braid part is extended and inverse clipped to the green mask. The line is clipped to the braid part :D
0:11

🖤 Jupiter 🖤 Live2D The braid part is extended and inverse clipped to the green mask. The line is clipped to the braid part :D

🌌Soulty | Live2D Modeller

46,836 Aufrufe • vor 1 Jahr

If you didn’t know this is how UK Foreign Aid Works … The Container was FULL just before it left the UK
0:16

If you didn’t know this is how UK Foreign Aid Works … The Container was FULL just before it left the UK

WeGotitBack 🏴󠁧󠁢󠁥󠁮󠁧󠁿🇬🇧🇺🇸

59,871 Aufrufe • vor 2 Monaten

How I made the glitter for the hair. The masking from the layer will be removed when exported. (not the red extra layer, just the mask on the layer) This is mostly so I can check if the mask will work in Live2D 😊
0:13

How I made the glitter for the hair. The masking from the layer will be removed when exported. (not the red extra layer, just the mask on the layer) This is mostly so I can check if the mask will work in Live2D 😊

MarshmallowPanda

16,968 Aufrufe • vor 1 Monat

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 Aufrufe • vor 1 Jahr

The VIPER Titanium Money Clip is constructed from 100% solid American titanium and was designed using the latest 3D modelling and finite element analysis software. This premium money clip is engineered to hold up to 60 folded bill & cards without the bulk of a wallet.
0:42

The VIPER Titanium Money Clip is constructed from 100% solid American titanium and was designed using the latest 3D modelling and finite element analysis software. This premium money clip is engineered to hold up to 60 folded bill & cards without the bulk of a wallet.

Superior Titanium Products, Inc.

5,420,043 Aufrufe • vor 3 Jahren

The 🥷 hit her so hard the clip came out the 🔫.
0:12

The 🥷 hit her so hard the clip came out the 🔫.

FightBell🔔

268,963 Aufrufe • vor 9 Monaten

Sonic fans using the ‘’Roll The Windows Up’’ clip on Crash is so funny because this is literally the lead up to it
0:17

Sonic fans using the ‘’Roll The Windows Up’’ clip on Crash is so funny because this is literally the lead up to it

🩷🍉 Avery 🍉🩷

1,115,773 Aufrufe • vor 1 Jahr

why is the mask so high quality 😭😭
0:15

why is the mask so high quality 😭😭

nori✩

28,784 Aufrufe • vor 9 Monaten

This Duckman clip works and predicts the future on so many levels.
0:17

This Duckman clip works and predicts the future on so many levels.

The Media Mines

56,177 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 4 Monaten

🥷 hit her so hard the clip flew out the gun
0:12

🥷 hit her so hard the clip flew out the gun

Crazy Videos 🔞

312,744 Aufrufe • vor 1 Jahr

💡CSS techniques: "The Backlight" Using a blur filter you can create an elegant backlight (or a "smart shadow") effect for your images. In a pseudo-element: 1⃣ `inherit` a background 2️⃣ blur it 3⃣ put it behind the main element using z-index Here's how it works:
0:15

💡CSS techniques: "The Backlight" Using a blur filter you can create an elegant backlight (or a "smart shadow") effect for your images. In a pseudo-element: 1⃣ `inherit` a background 2️⃣ blur it 3⃣ put it behind the main element using z-index Here's how it works:

bolt.new

369,503 Aufrufe • vor 2 Jahren

how is he even smoking with the mask on?? 😭
0:11

how is he even smoking with the mask on?? 😭

Katzen ☢️

17,708 Aufrufe • vor 1 Jahr

britt removing the bed because she couldn't handle the mental image is so real
0:11

Sensitive content

britt removing the bed because she couldn't handle the mental image is so real

sky ミ☆

316,016 Aufrufe • vor 3 Monaten

This 🥷 hit her so hard the clip came out the gun😭
0:12

This 🥷 hit her so hard the clip came out the gun😭

#1 𝕏 Media Plug 😈 ✪

11,807,907 Aufrufe • vor 2 Jahren

Works well with Minimax too locally. 768p using the ref image I shared last night
0:15

Works well with Minimax too locally. 768p using the ref image I shared last night

A.I.Warper

71,176 Aufrufe • vor 8 Tagen