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

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

На главную

Kinda related: Inline scroll areas that cut off suck as well. Adding a scroll-driven mask to the top and bottom makes it feel much smoother

flornkm's profile picture

Florian

11,549 subscribers

115,676 просмотров • 4 месяцев назад •via X (Twitter)

ОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

🤩 I just learned a super cool trick! Do you know how sometimes you want to record while you scroll on a website, like for a demo or something... But by using the mouse to scroll it turns out to be kinda janky and it doesn't look very good? No? Just me? 🤭 Well, I found out that if you paste this code in the console of your browser: ` setInterval(() => window.scrollBy(0, 4), 16); ` You can make the browser automatically scroll for you! And it looks super cool in the recording! 😎
0:12

🤩 I just learned a super cool trick! Do you know how sometimes you want to record while you scroll on a website, like for a demo or something... But by using the mouse to scroll it turns out to be kinda janky and it doesn't look very good? No? Just me? 🤭 Well, I found out that if you paste this code in the console of your browser: ` setInterval(() => window.scrollBy(0, 4), 16); ` You can make the browser automatically scroll for you! And it looks super cool in the recording! 😎

Florin Pop 👨🏻‍💻

29,839 просмотров • 1 год назад

100% css 0% javascript Pretty cool that you can run animations like this now off the main thread, was always a worry implementing a scroll animation knowing some users might see "jank" Safari and Firefox are sleeping far too long, scroll driven animations are awesome
0:14

100% css 0% javascript Pretty cool that you can run animations like this now off the main thread, was always a worry implementing a scroll animation knowing some users might see "jank" Safari and Firefox are sleeping far too long, scroll driven animations are awesome

Dev Ed

88,238 просмотров • 1 год назад

Bringing flagship-inspired design to the #OnePlusN6 and giving a premium feel to every swipe, scroll and stare. Learn more:
0:17

Bringing flagship-inspired design to the #OnePlusN6 and giving a premium feel to every swipe, scroll and stare. Learn more:

OnePlus India

56,969 просмотров • 3 месяцев назад

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙
0:17

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙

jhey ʕ•ᴥ•ʔ

120,951 просмотров • 1 год назад

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)
0:11

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

Framer University

16,384 просмотров • 1 год назад

💡 CSS Tip! Get the scroll progress of the page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @​property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇
0:11

💡 CSS Tip! Get the scroll progress of the page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @​property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇

CSS by T. Afif

35,659 просмотров • 2 лет назад

If Apple dropped the iPod Classic today, no apps, just a scroll wheel and music, it would fly off the shelves.
0:14

If Apple dropped the iPod Classic today, no apps, just a scroll wheel and music, it would fly off the shelves.

Financial Dystopia

1,038,884 просмотров • 9 месяцев назад

I’ve started giving acting directions to my characters, adding subtle human behaviors and mannerisms It makes them feel so much more real
0:15

I’ve started giving acting directions to my characters, adding subtle human behaviors and mannerisms It makes them feel so much more real

INK

32,500 просмотров • 23 дней назад

For those who are skeptical, here is a scroll through of the messages with anonymous' identity censored, as well as showing PirateSoftware's handle and account creation date.
0:16

For those who are skeptical, here is a scroll through of the messages with anonymous' identity censored, as well as showing PirateSoftware's handle and account creation date.

Lyric ✨

16,926 просмотров • 1 год назад

🔵 Leaderboard, Leaderboard, who’s the mega earner of them all? Wanna see how much other JumpTankers have already earned with JumpTask and who is in the TOP? Now you can! Open JumpTask, scroll to the bottom of the page, and check out the top five biggest earners! Find the leaderboard here ➡️
0:15

🔵 Leaderboard, Leaderboard, who’s the mega earner of them all? Wanna see how much other JumpTankers have already earned with JumpTask and who is in the TOP? Now you can! Open JumpTask, scroll to the bottom of the page, and check out the top five biggest earners! Find the leaderboard here ➡️

JumpTask

11,318 просмотров • 2 лет назад

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan
0:16

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan

Bram.us (by @bramus)

15,630 просмотров • 2 лет назад

Added a fixed-position editor to Pi that stays put while the chat can stream and scroll above it. Also added configurable shortcuts for jumping between user/LLM messages, to the bottom of chat, and to the start/end of a multiline editor. pi install npm:pi-powerline-footer
0:14

Added a fixed-position editor to Pi that stays put while the chat can stream and scroll above it. Also added configurable shortcuts for jumping between user/LLM messages, to the bottom of chat, and to the start/end of a multiline editor. pi install npm:pi-powerline-footer

Nico Bailon

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

Family means everything to me and to everyone else as well it makes us feel like a good family and where all their for each other and supporting and others as well #BTS
0:16

Family means everything to me and to everyone else as well it makes us feel like a good family and where all their for each other and supporting and others as well #BTS

𝘒𝘰𝘰𝘬𝘪𝘦_𝘉𝘢𝘥_𝘉𝘰𝘺쿠키_바드_보이

39,435 просмотров • 1 год назад

Astra made me a sonar app that emits undetectable audio to scroll up/down on your computer. It uses the doppler effect to determine where your hand placement is. You can even double tap in the air to change scroll directions!
0:16

Astra made me a sonar app that emits undetectable audio to scroll up/down on your computer. It uses the doppler effect to determine where your hand placement is. You can even double tap in the air to change scroll directions!

Emanuel Perez

1,153,787 просмотров • 12 дней назад

Updated demo has been very well received so far. Really feel like the game is coming together. It looks much better than before. Also adding mounts improved the game so much, glad I decided to do that.
0:18

Updated demo has been very well received so far. Really feel like the game is coming together. It looks much better than before. Also adding mounts improved the game so much, glad I decided to do that.

Gemezl

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

“They said Lakers in 5 and the Wolves won in 5 so I think that makes it feel 10 times better” - Ant adding insult to injury 💔
0:11

“They said Lakers in 5 and the Wolves won in 5 so I think that makes it feel 10 times better” - Ant adding insult to injury 💔

LakeShowYo

331,836 просмотров • 1 год назад

The Batman of Shanghai (2012) follows Catwoman and Bane as they battle for possession of the Scroll of Destiny..an artifact that Batman eventually intervenes to secure
0:17

The Batman of Shanghai (2012) follows Catwoman and Bane as they battle for possession of the Scroll of Destiny..an artifact that Batman eventually intervenes to secure

90’s anime

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

You can pin a chat scroller to the bottom with CSS 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛, without having to use MutationObserver or 𝚜𝚌𝚛𝚘𝚕𝚕𝚃𝚘() functions ... ... #𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 * { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚗𝚘𝚗𝚎; } #𝚊𝚗𝚌𝚑𝚘𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚊𝚞𝚝𝚘; 𝚑𝚎𝚒𝚐𝚑𝚝: 𝟷𝚙𝚡; } Browsers run scroll anchoring by default to prevent layout shifts Disable it on children, re-enable it on a 1px anchor at the end and the scroll follows new content down on its own
0:14

You can pin a chat scroller to the bottom with CSS 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛, without having to use MutationObserver or 𝚜𝚌𝚛𝚘𝚕𝚕𝚃𝚘() functions ... ... #𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 * { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚗𝚘𝚗𝚎; } #𝚊𝚗𝚌𝚑𝚘𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚊𝚞𝚝𝚘; 𝚑𝚎𝚒𝚐𝚑𝚝: 𝟷𝚙𝚡; } Browsers run scroll anchoring by default to prevent layout shifts Disable it on children, re-enable it on a 1px anchor at the end and the scroll follows new content down on its own

Manu Arora

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

I built a thing last week: it’s a Scroll-Driven View Transition. Yep, you read that right: the View Transition is controlled by you scrolling! There’s a lot to tell about this one, so let’s take a look …
0:13

I built a thing last week: it’s a Scroll-Driven View Transition. Yep, you read that right: the View Transition is controlled by you scrolling! There’s a lot to tell about this one, so let’s take a look …

Bramus

113,478 просмотров • 2 лет назад