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

81,539 subscribers

30,879 Aufrufe • vor 10 Monaten •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,434 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

127,197 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,045,308 Aufrufe • vor 1 Jahr

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,673 Aufrufe • vor 1 Monat

He got carried away
0:10

He got carried away

DrgnAlexia

18,349 Aufrufe • vor 1 Jahr

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

Got a bit carried away
0:15

Got a bit carried away

FPL Focal

92,528 Aufrufe • vor 5 Monaten

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

207,060 Aufrufe • vor 16 Tagen

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

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

Seems you got carried away🙃
0:14

Seems you got carried away🙃

FabiDhers

47,375 Aufrufe • vor 6 Monaten

Got carried away last night 🥴
0:19

Sensitive content

Got carried away last night 🥴

MiSTUH S

22,943 Aufrufe • vor 1 Jahr

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

FramePainter Endowing Interactive Image Editing with Video Diffusion Priors

AK

32,181 Aufrufe • vor 1 Jahr

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

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

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

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

Sensitive content

Yeah I got carried away. I was HORNY

Toro 🥞

21,555 Aufrufe • vor 2 Jahren

That security Guard got carried away 😂😂
0:15

That security Guard got carried away 😂😂

The Instigator

1,203,628 Aufrufe • vor 2 Jahren

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

Someone got carried out upside down at the UGA game yesterday.
0:11

Someone got carried out upside down at the UGA game yesterday.

Everything Georgia

627,931 Aufrufe • vor 1 Jahr