正在加载视频...

视频加载失败

User experience is key - that's why the best projects are building on Scroll. 📜 Catch Raza and explain how Scroll enables economic security through validity proofs. 🔐

134,557 次观看 • 1 年前 •via X (Twitter)

9 条评论

Scroll 的头像
Scroll1 年前

🎧 Listen to the full @_TalkingTokens podcast with @jacqmelinek:

kate ☁️🌱🧩 的头像
kate ☁️🌱🧩1 年前

@razacodes @sandyzkp Yeah, as users we experienced one thing on Scroll: Getting scammed

Ngoạ Long 的头像
Ngoạ Long1 年前

@razacodes @sandyzkp Scam

tomb Crypto 🐐 的头像
tomb Crypto 🐐1 年前

@razacodes @sandyzkp

AnyYas 的头像
AnyYas1 年前

@razacodes @sandyzkp Hahahahahaa user experience?????? #scrollscam

0xAkhMi 的头像
0xAkhMi1 年前

@razacodes @sandyzkp User experience really @sandyzkp ? 😂😂😂

Flora 的头像
Flora1 年前

@razacodes @sandyzkp scam project

bigchops `(Ø,G)` 的头像
bigchops `(Ø,G)`1 年前

@razacodes @sandyzkp Nobody is building on your scam chain. Fuck off

Kanishka | (Ø,G) 的头像
Kanishka | (Ø,G)1 年前

@razacodes @sandyzkp @Scroll_ZKP talking about user experience lol

相关视频

CSS Trick! ⚡️ You can use scroll-driven animation with background-attachment to create a dynamic glowing card scroller without JS 🔥 section { animation:vibe; animation-timeline:--list; } @​keyframes vibe { to{--hue:320;}} .glow {background: hsl(var(--hue) 80% 50%);} Here's how! 🤙 You can use the background-attachment trick used in other glow card demos 😎 article { background-attachment: fixed; } The difference here is that you aren't going to update the fixed background position with your pointer this time. It can remain fixed. The magic part is that as you scroll, the background will leave the card that's leaving and enter the card that's entering ✨ For the extra background glow, you can use a fixed pseudo element on the list container itself 💪 Once that's in place, you're only task is to change the color of the background as you scroll 🤔 Create a custom property declaration for the --hue @​property --base { inherits: true; syntax: ' '; initial-value: 0; } Then create an animation that updates this value @​keyframes accent { to { --hue: 320; }} The last piece is hooking it up to scroll and there is a little trick in here 👀 First, you need an inline scroll-timeline on the list ul { scroll-timeline: --list inline; } Then you can use timeline-scope to hoist that scroll-timeline up so a parent can use it. You then animate the custom property on this element and let the value cascade down to the places that need it 🔥 section { timeline-scope: --list; animation: accent both linear; animation-timeline: --list; } For example, the glow uses the --hue this way [data-glow] { background-image: radial-gradient( 150px 150px at 50% 50%, hsl(var(--hue) 100% 70% / 0.25), transparent ); } Lastly, scroll-snap is optional of course but plays nice with the scroll-driven animation demos ✨ The key for that is ul { scroll-snap-type: x mandatory; } li { scroll-snap-align: center; } That's it! Pretty fun trick to play with! 🤓 Any questions, let me know! Should we add it to the video walkthrough list? CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

116,567 次观看 • 2 年前