正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 ʕ•ᴥ•ʔ

135,131 subscribers

115,732 次观看 • 11 个月前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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;

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 ʕ•ᴥ•ʔ

208,193 次观看 • 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:

💡 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,451 次观看 • 1 年前

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.

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,072 次观看 • 2 年前

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

🖤Jupiter🖤Live2D Rigger 🖤 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,129 次观看 • 1 年前

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

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

rauno

30,879 次观看 • 10 个月前

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

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

FightBell🔔

268,963 次观看 • 6 个月前

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.

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,029 次观看 • 3 年前

why is the mask so high quality 😭😭

why is the mask so high quality 😭😭

nori✩

28,784 次观看 • 6 个月前

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

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 次观看 • 1 年前

🥷 hit her so hard the clip flew out the gun

🥷 hit her so hard the clip flew out the gun

Crazy Videos 🔞

312,744 次观看 • 1 年前

ProjectAlpha22 🏳️‍🌈 I hand animate it while referencing the clip, and for the camera, I have the clip for the shot in the scene camera, and I do a really silly thing where I place the blender cursor on a defined point in the image, and rotate the camera to keep the image in that "spot"

ProjectAlpha22 🏳️‍🌈 I hand animate it while referencing the clip, and for the camera, I have the clip for the shot in the scene camera, and I do a really silly thing where I place the blender cursor on a defined point in the image, and rotate the camera to keep the image in that "spot"

ummwell

11,107 次观看 • 1 年前

💡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:

💡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,038 次观看 • 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. ❤️

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 个月前

don't know the size of a container in CSS? container query units 🤝 translate a:hover .corner:nth-of-type(odd) { translate: 100cqi 0; } /* hover intent */ a:hover .corner { transition: translate 0.26s 0.12s; } adapts to content size 👇

don't know the size of a container in CSS? container query units 🤝 translate a:hover .corner:nth-of-type(odd) { translate: 100cqi 0; } /* hover intent */ a:hover .corner { transition: translate 0.26s 0.12s; } adapts to content size 👇

jhey ʕ•ᴥ•ʔ

65,006 次观看 • 1 年前

when you add fade out for the scrollable container, make sure it won't overlap your scroll bar

when you add fade out for the scrollable container, make sure it won't overlap your scroll bar

dmytro

54,436 次观看 • 6 个月前

How about a Container House Over the Ocean

How about a Container House Over the Ocean

Architecture Presentation

249,444 次观看 • 5 个月前

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

Sensitive content

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

sky ミ☆

314,804 次观看 • 3 天前

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

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

Katzen ☢️

17,663 次观看 • 1 年前

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

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

#1 𝕏 Media Plug 😈 ✪

11,801,927 次观看 • 1 年前

Card design using Cavalry for the animation. Midjourney for the source image, turned into a 3D model using KREA AI. Then in Cavalry converted using the Image Sampler.

Card design using Cavalry for the animation. Midjourney for the source image, turned into a 3D model using KREA AI. Then in Cavalry converted using the Image Sampler.

Yianni

36,910 次观看 • 9 个月前