Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

this is the human dropping calc...

Vanillaz

16,460 subscribers

30,716 views • 1 year ago •via X (Twitter)

Gaming News & Politics Comedy

Anya Rossi• Live Now

Private livecam show

6 Comments

Joshuaslugger1 year ago

tavern infected me with his aim...

Ferutii1 year ago

reminds me of this

Monkey:)1 year ago

W mansion

Paragon1 year ago

This is bad looks @joshuaslugger 😭😭

Yumi1 year ago

😝😝😝^

gpfnbr1 year ago

calc(short for calculator btw)

Related Videos

bro just found out about dropping calc 💀

bro just found out about dropping calc 💀

Dropping Calc (DropCalc)

31,479 views • 11 months ago

The next phase unfolds – Embrace what’s to come... Introducing Future Talent 2.0 🏆 FutureTalent™ | Dropping Calc (DropCalc)

The next phase unfolds – Embrace what’s to come... Introducing Future Talent 2.0 🏆 FutureTalent™ | Dropping Calc (DropCalc)

SORIN

28,618 views • 1 year ago

1ST LCQ TIME TO SAY GOOD BYE Captor Dropping Calc (DropCalc) Crazy Raccoon #CRWIN

1ST LCQ TIME TO SAY GOOD BYE Captor Dropping Calc (DropCalc) Crazy Raccoon #CRWIN

CR Job 🐈‍⬛

265,082 views • 10 months ago

Eomzo confirms that he was using Auto Calc for dropping, leading him to getting disqualified from FNCS Grands. “All it does is it takes the bus in the game and mark the best drop.”

Eomzo confirms that he was using Auto Calc for dropping, leading him to getting disqualified from FNCS Grands. “All it does is it takes the bus in the game and mark the best drop.”

XSET Twizz

207,448 views • 1 month ago

calc is short for calculator

calc is short for calculator

Flaaroni

64,300 views • 1 year ago

This is Tellen. She went to work with her human today. The only agenda item on her calendar is dropping toys in the hallway until someone plays with her. 14/10

This is Tellen. She went to work with her human today. The only agenda item on her calendar is dropping toys in the hallway until someone plays with her. 14/10

WeRateDogs

764,638 views • 1 year ago

This is Macdonald dropping the Deuce

This is Macdonald dropping the Deuce

Honest NFL

44,821 views • 3 months ago

THIS IS THE SONG THATS DROPPING!!

THIS IS THE SONG THATS DROPPING!!

The Kid LAROI Updates

19,962 views • 1 year ago

Tyler, The Creator and Jill Scott sat down for a new 'Human to Human' conversation, dropping April 10 🫂

Tyler, The Creator and Jill Scott sat down for a new 'Human to Human' conversation, dropping April 10 🫂

Kurrco

106,152 views • 2 months ago

This lady is dropping the truth about MTG.

This lady is dropping the truth about MTG.

👺 Silas B. 👺

40,624 views • 6 months ago

Is this the human spirit?

Is this the human spirit?

Mittens

2,845,317 views • 1 year ago

Calc. / ジミーサムP様 (cover) Full【 #Calc.#歌ってみた

Calc. / ジミーサムP様 (cover) Full【 #Calc.#歌ってみた

☪︎ꪔ̤うさ

23,764 views • 9 months ago

CSS Trick! 🎃 You can create a wavey border for elements by layering masks 🎭 Used to create this ghost! 👻 Check the video for an exploding view 🫶 .👻 { --size: 20px; mask: radial-gradient(var(--size) at bottom, transparent 97%, #000), radial-gradient(var(--size) at 25% 50%, #000 97%, transparent); mask-repeat: repeat-x; mask-size: calc(2 * var(--size)) 100%, calc(4 * var(--size)) calc(2 * var(--size)); mask-position: 50% calc(100% - var(--size)), calc(50% - var(--size)) 99%; } That code looks kinda scary! 👻 This is one way you could do things. Check the video again or explode in the demo. One mask cuts out circles from the bottom of the element. The other adds overlaid circles back. And that overlap creates the wavey line you want for the ghost 🤙 Using a custom property you can write once and not have to touch again. Update the custom property to update the wave size as shown in the video 🎬 The last piece of the puzzle is animating the mask-position to create that animation @ keyframes flow { to { mask-position: calc(50% + (var(--size) * 4)) calc(100% - var(--size)), calc((50% - var(--size)) + (var(--size) * 4)) 99%; } } If you play with the demo, you may find some Easter eggs! Shake the ghost and double-tap it 😉 Happy Halloween! 🎃 CodePen.IO link below! 👇

CSS Trick! 🎃 You can create a wavey border for elements by layering masks 🎭 Used to create this ghost! 👻 Check the video for an exploding view 🫶 .👻 { --size: 20px; mask: radial-gradient(var(--size) at bottom, transparent 97%, #000), radial-gradient(var(--size) at 25% 50%, #000 97%, transparent); mask-repeat: repeat-x; mask-size: calc(2 * var(--size)) 100%, calc(4 * var(--size)) calc(2 * var(--size)); mask-position: 50% calc(100% - var(--size)), calc(50% - var(--size)) 99%; } That code looks kinda scary! 👻 This is one way you could do things. Check the video again or explode in the demo. One mask cuts out circles from the bottom of the element. The other adds overlaid circles back. And that overlap creates the wavey line you want for the ghost 🤙 Using a custom property you can write once and not have to touch again. Update the custom property to update the wave size as shown in the video 🎬 The last piece of the puzzle is animating the mask-position to create that animation @ keyframes flow { to { mask-position: calc(50% + (var(--size) * 4)) calc(100% - var(--size)), calc((50% - var(--size)) + (var(--size) * 4)) 99%; } } If you play with the demo, you may find some Easter eggs! Shake the ghost and double-tap it 😉 Happy Halloween! 🎃 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

181,438 views • 2 years ago

This is the true human experience

This is the true human experience

Erica ❤️🇺🇸

1,497,611 views • 5 months ago

CSS Trick ⚡️ (˗ˏˋ rogie ˎˊ˗ challenge edition 🤙) You can create this secret code reveal with only CSS using :has() and trig functions 🔥 .digit::hover + .digit, .digit:has(+ .digit:hover) { --active: var(--lerp-1); } :root { --lerp-1: calc(sin(50deg)); } .digit { scale: calc(var(--active) + 0.5); } There are a couple of moving parts. The first thing we can do is set up a scale. :root { --lerp-0: 1; /* === sin(90deg) */ --lerp-1: calc(sin(50deg)); --lerp-2: calc(sin(45deg)); --lerp-3: calc(sin(35deg)); --lerp-4: calc(sin(25deg)); --lerp-5: calc(sin(15deg)); } The digit styles define scale and blur. They also dictate the transition duration .digit { transition: scale calc(((1 - var(--active, 0)) + 0.2) * 1s); } When a digit is hovered, then you can set the --active custom property based on the digit position 🤙 The digit that is hovered. .digit:hover { --active: var(--lerp-0); } And the digit on either side of that hovered digit .digit:is(:hover, :focus-visible) + .digit, .digit:has(+ .digit:is(:hover, :focus-visible)) { --active: var(--lerp-1); } We can select the previous sibling using :has() and the next sibling with the sibling combinator (+) And that's it! ⭐️ That's how you create these hover scale interactions with CSS 🙌 We're jus' waiting on Firefox for :has() support. When that lands, it'll likely break the internet 😅 CodePen.IO link below! 👇

CSS Trick ⚡️ (˗ˏˋ rogie ˎˊ˗ challenge edition 🤙) You can create this secret code reveal with only CSS using :has() and trig functions 🔥 .digit::hover + .digit, .digit:has(+ .digit:hover) { --active: var(--lerp-1); } :root { --lerp-1: calc(sin(50deg)); } .digit { scale: calc(var(--active) + 0.5); } There are a couple of moving parts. The first thing we can do is set up a scale. :root { --lerp-0: 1; /* === sin(90deg) / --lerp-1: calc(sin(50deg)); --lerp-2: calc(sin(45deg)); --lerp-3: calc(sin(35deg)); --lerp-4: calc(sin(25deg)); --lerp-5: calc(sin(15deg)); } The digit styles define scale and blur. They also dictate the transition duration .digit { transition: scale calc(((1 - var(--active, 0)) + 0.2) 1s); } When a digit is hovered, then you can set the --active custom property based on the digit position 🤙 The digit that is hovered. .digit:hover { --active: var(--lerp-0); } And the digit on either side of that hovered digit .digit:is(:hover, :focus-visible) + .digit, .digit:has(+ .digit:is(:hover, :focus-visible)) { --active: var(--lerp-1); } We can select the previous sibling using :has() and the next sibling with the sibling combinator (+) And that's it! ⭐️ That's how you create these hover scale interactions with CSS 🙌 We're jus' waiting on Firefox for :has() support. When that lands, it'll likely break the internet 😅 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

375,402 views • 2 years ago

playboi carti is definitely dropping this as the next single..

playboi carti is definitely dropping this as the next single..

🦇

159,110 views • 1 year ago

🚨 Jesse Watters just dropped this: The DOJ is quietly dropping its January 6 report — and exposing exactly where the real insurrection originated. The FBI had 26 agents undercover as confidential human sources. #JesseWatters #January6 #FBI #RealInsurrection

🚨 Jesse Watters just dropped this: The DOJ is quietly dropping its January 6 report — and exposing exactly where the real insurrection originated. The FBI had 26 agents undercover as confidential human sources. #JesseWatters #January6 #FBI #RealInsurrection

GRANDPA’s FREE ADVICE

4,620,839 views • 20 days ago

locals saying sabrina is dropping a new song and this is the song…

locals saying sabrina is dropping a new song and this is the song…

millie

1,425,225 views • 1 year ago

Russ is dropping an Afrobeats song this Friday by the way.

Russ is dropping an Afrobeats song this Friday by the way.

O.G

3,950,473 views • 3 years ago

anyways flo when is this dropping LETS GET THE BALL ROLLING

anyways flo when is this dropping LETS GET THE BALL ROLLING

CHELSEA🤍

89,572 views • 4 months ago