Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

this is the human dropping calc...

vanilllaz's profile picture

Vanillaz

16,460 subscribers

30,716 Aufrufe • vor 1 Jahr •via X (Twitter)

GamingNachrichten & PolitikComedy
LIVE

Anya Rossi• Live Now

Private livecam show

6 Kommentare

Profilbild von Joshuaslugger
Joshuasluggervor 1 Jahr

tavern infected me with his aim...

Profilbild von Ferutii
Ferutiivor 1 Jahr

reminds me of this

Profilbild von Monkey:)
Monkey:)vor 1 Jahr

W mansion

Profilbild von Paragon
Paragonvor 1 Jahr

This is bad looks @joshuaslugger 😭😭

Profilbild von Yumi
Yumivor 1 Jahr

😝😝😝^

Profilbild von gpfnbr
gpfnbrvor 1 Jahr

calc(short for calculator btw)

Ähnliche Videos

bro just found out about dropping calc 💀
0:26

bro just found out about dropping calc 💀

Dropping Calc (DropCalc)

31,479 Aufrufe • vor 11 Monaten

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

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

SORIN

28,618 Aufrufe • vor 1 Jahr

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

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

CR Job 🐈‍⬛

265,082 Aufrufe • vor 10 Monaten

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.”
0:22

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

calc is short for calculator
1:25

calc is short for calculator

Flaaroni

64,300 Aufrufe • vor 1 Jahr

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
0:36

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

This is Macdonald dropping the Deuce
0:35

This is Macdonald dropping the Deuce

Honest NFL

44,821 Aufrufe • vor 4 Monaten

THIS IS THE SONG THATS DROPPING!!
1:21

THIS IS THE SONG THATS DROPPING!!

The Kid LAROI Updates

19,962 Aufrufe • vor 1 Jahr

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

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

Kurrco

106,159 Aufrufe • vor 2 Monaten

This lady is dropping the truth about MTG.
1:01

This lady is dropping the truth about MTG.

👺 Silas B. 👺

40,624 Aufrufe • vor 7 Monaten

Is this the human spirit?
1:01

Is this the human spirit?

Mittens

2,845,400 Aufrufe • vor 1 Jahr

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

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

☪︎ꪔ̤うさ

26,748 Aufrufe • vor 10 Monaten

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! 👇
0:36

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

This is the true human experience
1:09

This is the true human experience

Erica ❤️🇺🇸

1,497,702 Aufrufe • vor 6 Monaten

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! 👇
0:30

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

playboi carti is definitely dropping this as the next single..
3:37

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

🦇

159,110 Aufrufe • vor 1 Jahr

🚨 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
8:29

🚨 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,626,889 Aufrufe • vor 1 Monat

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

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

millie

1,425,225 Aufrufe • vor 1 Jahr

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

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

O.G

3,950,473 Aufrufe • vor 3 Jahren

CSS scroll to decrypt 🤖 The trick is translating text on scroll within a clipped element ✨ (Watch 🎞️) .char { animation: t both steps(10); animation-timeline: --heading; animation-range: contain calc(var(--i) * 1%)...; } @​keyframes t { to { translate: 0 calc(100% - 1lh);}}
0:47

CSS scroll to decrypt 🤖 The trick is translating text on scroll within a clipped element ✨ (Watch 🎞️) .char { animation: t both steps(10); animation-timeline: --heading; animation-range: contain calc(var(--i) * 1%)...; } @​keyframes t { to { translate: 0 calc(100% - 1lh);}}

jhey ʕ•ᴥ•ʔ

264,492 Aufrufe • vor 1 Jahr