Grumpy Website<p>Presented without comment</p><p><a href="https://mastodon.online/tags/Jira" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Jira</span></a> <a href="https://mastodon.online/tags/Popup" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Popup</span></a> <a href="https://mastodon.online/tags/Close" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Close</span></a> <a href="https://mastodon.online/tags/Scroll" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Scroll</span></a></p>
lepoulsdumonde.com is one of the many independent Mastodon servers you can use to participate in the fediverse.
Small french Mastodon instance for friends, family and useful bots
Administered by:
Server stats:
53active users
lepoulsdumonde.com: About · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.0-alpha.4
#scroll
1 post · 1 participant · 1 post today
Ana Tudor 🐯<p>Here's a neat little effect with no text duplication. Uses `background-clip: text` to create the split text face effect + scroll-driven animations to tie the gradient split line position to the 1st section's bottom edge.</p><p>Live on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span> <a href="https://codepen.io/thebabydino/pen/XJWxLWV" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/XJW</span><span class="invisible">xLWV</span></a></p><p>cc <span class="h-card" translate="no"><a href="https://front-end.social/@bramus" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>bramus</span></a></span> </p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/scroll" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>scroll</span></a> <a href="https://mastodon.social/tags/scrollAnimation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>scrollAnimation</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/cssAnimation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssAnimation</span></a> <a href="https://mastodon.social/tags/gradientText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gradientText</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a></p>
eris<p>combustibility chart</p><p><a href="https://universeodon.com/tags/Brown" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Brown</span></a> <a href="https://universeodon.com/tags/Beige" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Beige</span></a> <a href="https://universeodon.com/tags/Gold" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Gold</span></a> <a href="https://universeodon.com/tags/Black" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Black</span></a> <a href="https://universeodon.com/tags/Bottle" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Bottle</span></a> <a href="https://universeodon.com/tags/Flame" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Flame</span></a> <a href="https://universeodon.com/tags/Candle" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Candle</span></a> <a href="https://universeodon.com/tags/Fire" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fire</span></a> <a href="https://universeodon.com/tags/Alchemy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Alchemy</span></a> <a href="https://universeodon.com/tags/Potion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Potion</span></a> <a href="https://universeodon.com/tags/Scroll" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Scroll</span></a> <a href="https://universeodon.com/tags/Chart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Chart</span></a> <a href="https://universeodon.com/tags/Parchment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Parchment</span></a> <a href="https://universeodon.com/tags/Vintage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Vintage</span></a> <a href="https://universeodon.com/tags/Arcane" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Arcane</span></a> <br><a href="https://universeodon.com/tags/Img2img" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Img2img</span></a> <a href="https://universeodon.com/tags/AiArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AiArt</span></a> <a href="https://universeodon.com/tags/AiArtists" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AiArtists</span></a> <a href="https://universeodon.com/tags/AiArtCommunity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AiArtCommunity</span></a> <a href="https://universeodon.com/tags/StableDiffusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StableDiffusion</span></a></p><p>in real life: <a href="https://aieris.art/featured/combustibility-chart-eris-and-ai.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">aieris.art/featured/combustibi</span><span class="invisible">lity-chart-eris-and-ai.html</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
LoginDrag & drop to upload