Загрузка видео...

Не удалось загрузить видео

На главную

this is the human dropping calc...

vanilllaz's profile picture

Vanillaz

16,460 subscribers

30,716 просмотров • 1 год назад •via X (Twitter)

ИгрыНовости и политикаЮмор
LIVE

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 💀
0:26

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)
1:03

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

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

CR Job 🐈‍⬛

265,520 просмотров • 10 месяцев назад

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 просмотров • 1 месяц назад

calc is short for calculator
1:25

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
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 просмотров • 1 год назад

This is Macdonald dropping the Deuce
0:35

This is Macdonald dropping the Deuce

Honest NFL

44,821 просмотров • 4 месяцев назад

THIS IS THE SONG THATS DROPPING!!
1:21

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 🫂
1:53

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.
1:01

This lady is dropping the truth about MTG.

👺 Silas B. 👺

40,624 просмотров • 7 месяцев назад

Is this the human spirit?
1:01

Is this the human spirit?

Mittens

2,845,400 просмотров • 1 год назад

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

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

☪︎ꪔ̤うさ

26,748 просмотров • 10 месяцев назад

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 просмотров • 2 лет назад

This is the true human experience
1:09

This is the true human experience

Erica ❤️🇺🇸

1,497,702 просмотров • 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! 👇
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 просмотров • 2 лет назад

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

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
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,628,589 просмотров • 1 месяц назад

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 просмотров • 1 год назад

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 просмотров • 3 лет назад

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 просмотров • 1 год назад