正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

this is the human dropping calc...

Vanillaz

16,460 subscribers

30,716 次观看 • 1 年前 •via X (Twitter)

游戏新闻政治喜剧

Anya Rossi• Live Now

Private livecam show

6 条评论

Joshuaslugger 的头像

Joshuaslugger1 年前

tavern infected me with his aim...

Ferutii 的头像

Ferutii1 年前

reminds me of this

Monkey:) 的头像

Monkey:)1 年前

W mansion

Paragon 的头像

Paragon1 年前

This is bad looks @joshuaslugger 😭😭

Yumi 的头像

Yumi1 年前

😝😝😝^

gpfnbr 的头像

gpfnbr1 年前

calc(short for calculator btw)

相关视频

bro just found out about dropping calc 💀

bro just found out about dropping calc 💀

Dropping Calc (DropCalc)

31,479 次观看 • 1 年前

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 次观看 • 1 年前

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,520 次观看 • 11 个月前

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 次观看 • 2 个月前

calc is short for calculator

calc is short for calculator

Flaaroni

64,300 次观看 • 1 年前

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,695 次观看 • 1 年前

This is Macdonald dropping the Deuce

This is Macdonald dropping the Deuce

Honest NFL

44,821 次观看 • 4 个月前

THIS IS THE SONG THATS DROPPING!!

THIS IS THE SONG THATS DROPPING!!

The Kid LAROI Updates

19,962 次观看 • 1 年前

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,159 次观看 • 2 个月前

This lady is dropping the truth about MTG.

This lady is dropping the truth about MTG.

👺 Silas B. 👺

40,624 次观看 • 7 个月前

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

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

☪︎ꪔ̤うさ

26,748 次观看 • 10 个月前

Is this the human spirit?

Is this the human spirit?

Mittens

2,845,568 次观看 • 1 年前

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,442 次观看 • 2 年前

This is the true human experience

This is the true human experience

H*****Z

1,497,714 次观看 • 6 个月前

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 次观看 • 2 年前

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

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

🦇

159,110 次观看 • 1 年前

🚨 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,630,540 次观看 • 1 个月前

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 次观看 • 1 年前

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);}}

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,537 次观看 • 1 年前

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 次观看 • 3 年前