Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 2 yıl önce

I got carried away
0:14

Sensitive content

I got carried away

Alice

68,110 görüntüleme • 22 gün önce

He got carried away
0:10

He got carried away

DrgnAlexia

22,042 görüntüleme • 1 yıl önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 3 yıl önce

Got a bit carried away
0:15

Got a bit carried away

FPL Focal

92,594 görüntüleme • 9 ay önce

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,531 görüntüleme • 21 gün önce

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 görüntüleme • 6 ay önce

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

FramePainter Endowing Interactive Image Editing with Video Diffusion Priors

AK

32,228 görüntüleme • 1 yıl önce

Bro really got carried away 😭💀
0:13

Sensitive content

Bro really got carried away 😭💀

Jolt💨

82,390 görüntüleme • 22 gün önce

Got a little carried away😅💪
0:17

Got a little carried away😅💪

XINIA

608,475 görüntüleme • 3 ay önce

perhaps i got a little carried away
0:19

perhaps i got a little carried away

Keira

12,466 görüntüleme • 1 ay önce

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 görüntüleme • 3 yıl önce