Ana Tudor 🐯<p>A little spinner I made years ago on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> but never shared publicly <a href="https://codepen.io/thebabydino/pen/OJQKbKW" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/OJQ</span><span class="invisible">KbKW</span></a></p><p><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/loader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>loader</span></a> <a href="https://mastodon.social/tags/spinner" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>spinner</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</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/cssGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssGradient</span></a> <a href="https://mastodon.social/tags/cssMask" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssMask</span></a> <a href="https://mastodon.social/tags/conicGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>conicGradient</span></a> <a href="https://mastodon.social/tags/cssSpinner" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssSpinner</span></a> <a href="https://mastodon.social/tags/cssLoader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssLoader</span></a> <a href="https://mastodon.social/tags/singleDiv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>singleDiv</span></a> <a href="https://mastodon.social/tags/oneDiv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>oneDiv</span></a></p>
Recent searches
No recent searches
Search options
Not available on lingo.lol.
lingo.lol is one of the many independent Mastodon servers you can use to participate in the fediverse.
A place for linguists, philologists, and other lovers of languages.
Administered by:
Server stats:
70active users
lingo.lol: About · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.7
#loader
1 post · 1 participant · 0 posts today
Ana Tudor 🐯<p>1⃣0⃣ 463 ❤️ Collection of 1 div animated loaders <a href="https://codepen.io/thebabydino/pen/oNrpqj" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/oNr</span><span class="invisible">pqj</span></a> - 10 years old, so terribly dated CSS 🙈</p><p>Should probably redo it with more modern and better code, but haven't had the time...</p><p><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/loader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>loader</span></a> <a href="https://mastodon.social/tags/loading" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>loading</span></a> <a href="https://mastodon.social/tags/spinner" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>spinner</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</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/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/pastel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pastel</span></a></p>
Ana Tudor 🐯<p>9⃣ 473 ❤️ Pure <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> 1 element rainbow spinner 2017 <a href="https://codepen.io/thebabydino/pen/YNjrRo" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/YNj</span><span class="invisible">rRo</span></a> - 1st remake of a thing I first coded in 2013.</p><p>I've since made 2 more versions with more modern (and better!) CSS:</p><p>2023 <a href="https://codepen.io/thebabydino/pen/poGyEyg" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/poG</span><span class="invisible">yEyg</span></a><br>2019 <a href="https://codepen.io/thebabydino/pen/exwyby" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/exw</span><span class="invisible">yby</span></a></p><p><a href="https://mastodon.social/tags/spinner" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>spinner</span></a> <a href="https://mastodon.social/tags/loader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>loader</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssGradient</span></a> <a href="https://mastodon.social/tags/conicGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>conicGradient</span></a> <a href="https://mastodon.social/tags/meshGradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>meshGradients</span></a> <a href="https://mastodon.social/tags/rainbow" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rainbow</span></a> <a href="https://mastodon.social/tags/pastel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pastel</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</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/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</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/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a></p>
World Concert Hall<p>Right now, <a href="https://mastodon.world/tags/Loader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Loader</span></a> <a href="https://mastodon.world/tags/Gifford" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gifford</span></a> <a href="https://mastodon.world/tags/Bourne" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bourne</span></a> <a href="https://mastodon.world/tags/Moore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Moore</span></a> <a href="https://mastodon.world/tags/Macens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Macens</span></a>, Saint-Saëns <a href="https://mastodon.world/tags/Simpson" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Simpson</span></a> <a href="https://mastodon.world/tags/Rose" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rose</span></a> <a href="https://mastodon.world/tags/Brophy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Brophy</span></a> & <a href="https://mastodon.world/tags/Davidson" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Davidson</span></a> from <a href="https://mastodon.world/tags/Hobart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hobart</span></a> <a href="https://buff.ly/44ZgcHL" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">buff.ly/44ZgcHL</span><span class="invisible"></span></a> <a href="https://mastodon.world/tags/wch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wch</span></a></p>
World Concert Hall<p>In 20 minutes, <a href="https://mastodon.world/tags/Loader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Loader</span></a> <a href="https://mastodon.world/tags/Gifford" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gifford</span></a> <a href="https://mastodon.world/tags/Bourne" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bourne</span></a> <a href="https://mastodon.world/tags/Moore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Moore</span></a> <a href="https://mastodon.world/tags/Macens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Macens</span></a>, Saint-Saëns <a href="https://mastodon.world/tags/Simpson" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Simpson</span></a> <a href="https://mastodon.world/tags/Rose" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rose</span></a> <a href="https://mastodon.world/tags/Brophy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Brophy</span></a> & <a href="https://mastodon.world/tags/Davidson" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Davidson</span></a> from <a href="https://mastodon.world/tags/Hobart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hobart</span></a> <a href="https://buff.ly/44ZgcHL" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">buff.ly/44ZgcHL</span><span class="invisible"></span></a> <a href="https://mastodon.world/tags/wch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wch</span></a></p>
World Concert Hall<p>Today, <a href="https://mastodon.world/tags/Loader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Loader</span></a> <a href="https://mastodon.world/tags/Gifford" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gifford</span></a> <a href="https://mastodon.world/tags/Bourne" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bourne</span></a> <a href="https://mastodon.world/tags/Moore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Moore</span></a> <a href="https://mastodon.world/tags/Macens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Macens</span></a>, Saint-Saëns <a href="https://mastodon.world/tags/Simpson" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Simpson</span></a> <a href="https://mastodon.world/tags/Rose" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rose</span></a> <a href="https://mastodon.world/tags/Brophy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Brophy</span></a> & <a href="https://mastodon.world/tags/Davidson" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Davidson</span></a> from <a href="https://mastodon.world/tags/Hobart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hobart</span></a> <a href="https://buff.ly/44ZgcHL" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">buff.ly/44ZgcHL</span><span class="invisible"></span></a> <a href="https://mastodon.world/tags/wch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wch</span></a></p>
World Concert Hall<p>Right now, the Ensemble Offspring plays <a href="https://mastodon.world/tags/Loader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Loader</span></a> <a href="https://mastodon.world/tags/Gifford" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gifford</span></a> <a href="https://mastodon.world/tags/Simpson" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Simpson</span></a> <a href="https://mastodon.world/tags/Wilcox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Wilcox</span></a> and more in <a href="https://mastodon.world/tags/Adelaide" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Adelaide</span></a> <a href="https://buff.ly/4a7pdzY" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">buff.ly/4a7pdzY</span><span class="invisible"></span></a> <a href="https://mastodon.world/tags/wch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wch</span></a></p>
World Concert Hall<p>In 20 minutes, the Ensemble Offspring plays <a href="https://mastodon.world/tags/Loader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Loader</span></a> <a href="https://mastodon.world/tags/Gifford" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gifford</span></a> <a href="https://mastodon.world/tags/Simpson" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Simpson</span></a> <a href="https://mastodon.world/tags/Wilcox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Wilcox</span></a> and more in <a href="https://mastodon.world/tags/Adelaide" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Adelaide</span></a> <a href="https://buff.ly/4a7pdzY" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">buff.ly/4a7pdzY</span><span class="invisible"></span></a> <a href="https://mastodon.world/tags/wch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wch</span></a></p>
World Concert Hall<p>Today, the Ensemble Offspring plays <a href="https://mastodon.world/tags/Loader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Loader</span></a> <a href="https://mastodon.world/tags/Gifford" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gifford</span></a> <a href="https://mastodon.world/tags/Simpson" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Simpson</span></a> <a href="https://mastodon.world/tags/Wilcox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Wilcox</span></a> and more in <a href="https://mastodon.world/tags/Adelaide" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Adelaide</span></a> <a href="https://www.worldconcerthall.com/en/schedule/the_ensemble_offspring_plays_loader_gifford_simpson_wilcox_and_more_in_adelaide/80676/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">worldconcerthall.com/en/schedu</span><span class="invisible">le/the_ensemble_offspring_plays_loader_gifford_simpson_wilcox_and_more_in_adelaide/80676/</span></a> <a href="https://mastodon.world/tags/wch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wch</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.
Create accountLoginDrag & drop to upload