Record🤔

cid:

"bafyreigonavpdlkeqsxrqko7kesiacvhw3rq3hxiazb6xal4kas6uygr3a"

uri:

"at://did:plc:qeheehrmjowfpasdnp7rlu3z/app.bsky.feed.post/3kzzfjcjbafe2"

value:

$type:

"app.bsky.feed.post"

bridgyOriginalText:

"<p>scroll snap + scroll driven animation carousel</p><p>💡 in the mobile size it looks a lot like the iOS app switcher eh?</p><p>try it!?</p><p><a href="https://codepen.io/argyleink/pen/MWMQJQy" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">codepen.io/argyleink/pen/MWMQJ</span><span class="invisible">Qy</span></a></p><p>↪ <a href="https://nerdy.dev/container-query-carousel-with-scroll-driven-animation" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">nerdy.dev/container-query-caro</span><span class="invisible">usel-with-scroll-driven-animation</span></a></p>"

bridgyOriginalUrl:

"https://front-end.social/@argyleink/112984863122584456"

createdAt:

"2024-08-18T20:16:33.000Z"

embed:

$type:

"app.bsky.embed.external"

external:

$type:

"app.bsky.embed.external#external"

description:

""

title:

"[Video] Original post on front-end.social"

uri:

"https://front-end.social/@argyleink/112984863122584456"

facets:

• $type:

  "app.bsky.richtext.facet"

  features:

  • $type:

    "app.bsky.richtext.facet#link"

    uri:

    "https://codepen.io/argyleink/pen/MWMQJQy"

  index:

  byteEnd:

  168

  byteStart:

  128

• $type:

  "app.bsky.richtext.facet"

  features:

  • $type:

    "app.bsky.richtext.facet#link"

    uri:

    "https://nerdy.dev/container-query-carousel-with-scroll-driven-animation"

  index:

  byteEnd:

  245

  byteStart:

  174

langs:

• "en"

text:

"scroll snap + scroll driven animation carousel

💡 in the mobile size it looks a lot like the iOS app switcher eh?

try it!?

https://codepen.io/argyleink/pen/MWMQJQy

↪ https://nerdy.dev/container-query-carousel-with-scroll-driven-animation"