Loading video...

Video Failed to Load

Go Home

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 views • 1 year ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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,708 views • 1 year ago

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

127,280 views • 1 year ago

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,046,257 views • 2 years ago

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,920 views • 5 months ago

HTML isn't just markup anymore. For AI agents, it's becoming the best visualization layer. Made with HyperFrames Shoutout to Mattia Astorino (equinusocio.bsky.social) for the css mask inspo 🔊 Don't mute this
0:10

HTML isn't just markup anymore. For AI agents, it's becoming the best visualization layer. Made with HyperFrames Shoutout to Mattia Astorino (equinusocio.bsky.social) for the css mask inspo 🔊 Don't mute this

npm run ray

285,489 views • 3 months ago

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

118,301 views • 2 years ago

I got carried away
0:14

Sensitive content

I got carried away

Alice

70,898 views • 27 days ago

He got carried away
0:10

He got carried away

DrgnAlexia

22,175 views • 1 year ago

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 views • 5 months ago

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

168,050 views • 3 years ago

Got a bit carried away
0:15

Got a bit carried away

FPL Focal

92,594 views • 9 months ago

Looks like my uncle got a little too carried away with that massage…
0:14

Looks like my uncle got a little too carried away with that massage…

Felipe 🌙

86,775 views • 25 days ago

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,021,142 views • 6 months ago

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

FramePainter Endowing Interactive Image Editing with Video Diffusion Priors

AK

32,228 views • 1 year ago

perhaps i got a little carried away
0:19

perhaps i got a little carried away

Keira

12,466 views • 1 month ago

Got a little carried away😅💪
0:17

Got a little carried away😅💪

XINIA

609,282 views • 3 months ago

Bro really got carried away 😭💀
0:13

Sensitive content

Bro really got carried away 😭💀

Jolt💨

82,390 views • 27 days ago

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,776 views • 3 years ago