Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
mathstodon.xyz is one of the many independent Mastodon servers you can use to participate in the fediverse.
A Mastodon instance for maths people. We have LaTeX rendering in the web interface!

Administered by:

Server stats:

2.7K
active users

mathstodon.xyz: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.7

#scrollsnapping

0 posts0 participants0 posts today
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Previews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Previews</span></a><br>Is the sticky thing stuck? Is the snappy item snapped? · A look at CSS state queries and JS scroll snap events <a href="https://ilo.im/1604k4" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1604k4</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Scrolling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Scrolling</span></a> <a href="https://mastodon.social/tags/ScrollSnapping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ScrollSnapping</span></a> <a href="https://mastodon.social/tags/StickyPositioning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StickyPositioning</span></a> <a href="https://mastodon.social/tags/StateQueries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StateQueries</span></a> <a href="https://mastodon.social/tags/AnchorPositioning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AnchorPositioning</span></a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProgressiveEnhancement</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a></p>
Bramus<p>In this post I share how you can (ab)use Scroll-Driven Animations to fake a `:snapped` selector – a fictitious selector that matches elements that are currently snapped within their scroll-snapping enabled ancestor scroller.</p><p>CSS IS FUN, YO! 🤩</p><p>🔗 <a href="https://brm.us/snapped" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="">brm.us/snapped</span><span class="invisible"></span></a></p><p>🏷️ <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://front-end.social/tags/ScrollDrivenAnimations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ScrollDrivenAnimations</span></a> <a href="https://front-end.social/tags/ScrollSnapping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ScrollSnapping</span></a></p>
SearchLive feeds
About