正在加载视频...

视频加载失败

返回首页

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

raunofreiberg's profile picture

rauno

89,805 subscribers

31,639 次观看 • 10 个月前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Learn the fundamentals of #derivatives including the product and chain rule in this interactive module!
0:13

Learn the fundamentals of #derivatives including the product and chain rule in this interactive module!

MATLAB

23,434 次观看 • 1 年前

the writer and animators got completely carried away in this scene
0:19

the writer and animators got completely carried away in this scene

nath

127,197 次观看 • 1 年前

Gaetz got a little carried away with the Botox before his big speech.
0:10

Gaetz got a little carried away with the Botox before his big speech.

Ron Filipkowski

6,045,406 次观看 • 1 年前

The power of @ property Without it → CSS treats --progress as text → no animation With it → CSS knows it's percentage → smooth animation
0:13

The power of @ property Without it → CSS treats --progress as text → no animation With it → CSS knows it's percentage → smooth animation

Victor

20,744 次观看 • 1 个月前

He got carried away
0:10

He got carried away

DrgnAlexia

18,408 次观看 • 1 年前

Little progressively enhanced CSS border reveal button using mask && @​property .border-button:hover { --complete: 100; } .border-button::after { transition: --complete 0.4s; mask: conic-gradient( from var(--from), #000 var(--complete), ); }
0:19

Little progressively enhanced CSS border reveal button using mask && @​property .border-button:hover { --complete: 100; } .border-button::after { transition: --complete 0.4s; mask: conic-gradient( from var(--from), #000 var(--complete), ); }

jhey ʕ•ᴥ•ʔ

111,340 次观看 • 1 年前

Got a bit carried away
0:15

Got a bit carried away

FPL Focal

92,528 次观看 • 5 个月前

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

209,685 次观看 • 24 天前

Future CSS Tip! 🤞 You could create an image zoom/crop using the CSS object-view-box property 🔍 img { object-fit: cover; object-view-box: inset( var(--top) var(--right) var(--bottom) var(--left) ); } CodePen.IO link below! 👇
0:14

Future CSS Tip! 🤞 You could create an image zoom/crop using the CSS object-view-box property 🔍 img { object-fit: cover; object-view-box: inset( var(--top) var(--right) var(--bottom) var(--left) ); } CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

167,991 次观看 • 2 年前

When Lewis Hamilton got a little bit too carried away with his enthusiasm...
0:14

When Lewis Hamilton got a little bit too carried away with his enthusiasm...

internet hall of fame

1,017,962 次观看 • 2 个月前

Seems you got carried away🙃
0:14

Seems you got carried away🙃

FabiDhers

47,375 次观看 • 6 个月前

Got carried away last night 🥴
0:19

Sensitive content

Got carried away last night 🥴

MiSTUH S

22,943 次观看 • 1 年前

FramePainter Endowing Interactive Image Editing with Video Diffusion Priors
0:18

FramePainter Endowing Interactive Image Editing with Video Diffusion Priors

AK

32,228 次观看 • 1 年前

He’s been getting away with pulling the driving player down with his arm all series. He got whistled for it the entire year. This is 100 out 100 times a foul.
0:14

He’s been getting away with pulling the driving player down with his arm all series. He got whistled for it the entire year. This is 100 out 100 times a foul.

Letting Go

503,773 次观看 • 3 年前

Put together this little demo for the introduction module in this new "Tailwind CSS by Example" course I'm working on. Succinctly covers all of the fundamental elements of building things with Tailwind in one example 👍 Excited to get back in the studio and hit record 🎬
0:15

Put together this little demo for the introduction module in this new "Tailwind CSS by Example" course I'm working on. Succinctly covers all of the fundamental elements of building things with Tailwind in one example 👍 Excited to get back in the studio and hit record 🎬

Adam Wathan

28,667 次观看 • 10 个月前

"Interactive Table with Image Hover & Idle Animation" by Filip Zrnzevic
0:18

"Interactive Table with Image Hover & Idle Animation" by Filip Zrnzevic

CodePen.IO

15,103 次观看 • 10 个月前

Yeah I got carried away. I was HORNY
0:12

Sensitive content

Yeah I got carried away. I was HORNY

Toro 🥞

21,555 次观看 • 2 年前

That security Guard got carried away 😂😂
0:15

That security Guard got carried away 😂😂

The Instigator

1,203,628 次观看 • 2 年前

A fun CSS-only experimentation using modern features (anchor positioning, @​property, :has(), and more!) for this week #codepenchallenge Demo: via CodePen.IO
0:17

A fun CSS-only experimentation using modern features (anchor positioning, @​property, :has(), and more!) for this week #codepenchallenge Demo: via CodePen.IO

CSS by T. Afif

12,042 次观看 • 1 年前

Got a little carried away and made this into an animation with sfx! It is out for the BIG Patrons ;D SFX pack and voices by OpenNSFW MOO🩷COW 千夜(Chiyoru)🐈️🌃
0:10

Got a little carried away and made this into an animation with sfx! It is out for the BIG Patrons ;D SFX pack and voices by OpenNSFW MOO🩷COW 千夜(Chiyoru)🐈️🌃

Cherno

13,513 次观看 • 10 个月前