Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 1 Jahr •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

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

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

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,223 Aufrufe • vor 2 Jahren

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

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

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 Aufrufe • vor 2 Jahren

I got carried away
0:14

Sensitive content

I got carried away

Alice

66,869 Aufrufe • vor 21 Tagen

He got carried away
0:10

He got carried away

DrgnAlexia

22,042 Aufrufe • vor 1 Jahr

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

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 Aufrufe • vor 3 Jahren

Got a bit carried away
0:15

Got a bit carried away

FPL Focal

92,594 Aufrufe • vor 9 Monaten

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 🌙

83,361 Aufrufe • vor 20 Tagen

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

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

FramePainter Endowing Interactive Image Editing with Video Diffusion Priors

AK

32,228 Aufrufe • vor 1 Jahr

Bro really got carried away 😭💀
0:13

Sensitive content

Bro really got carried away 😭💀

Jolt💨

82,390 Aufrufe • vor 21 Tagen

Got a little carried away😅💪
0:17

Got a little carried away😅💪

XINIA

607,375 Aufrufe • vor 3 Monaten

perhaps i got a little carried away
0:19

perhaps i got a little carried away

Keira

12,466 Aufrufe • vor 1 Monat

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 Aufrufe • vor 3 Jahren