Login

Recent searches

No recent searches

Search options

Not available on mastodon.xyz.
mastodon.xyz is one of the many independent Mastodon servers you can use to participate in the fediverse.
A Mastodon instance, open to everyone, but mainly English and French speaking.

Administered by:

Server stats:

824
active users

mastodon.xyz: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.4

#cssshapes

0 posts0 participants0 posts today
Ana Tudor 🐯<p>A little something combining <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> shapes, trigonometry, plus scroll-driven animations 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>: angled slide!</p><p><a href="https://codepen.io/thebabydino/full/zYJKRyq" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/full/zY</span><span class="invisible">JKRyq</span></a></p><p>Also an entry for this week's <a href="https://mastodon.social/tags/CodePenChallenge" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodePenChallenge</span></a>.</p><p><a href="https://mastodon.social/tags/cssShapes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssShapes</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/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/scroll" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>scroll</span></a> <a href="https://mastodon.social/tags/scrollAnimation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>scrollAnimation</span></a> <a href="https://mastodon.social/tags/trigonometry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>trigonometry</span></a></p>
pablolarah<p>🟡 CSS Shapes<br>by T. Afif @ChallengesCss <br>The Ultimate Collection of CSS-only Shapes<br>Pure CSS shapes made with a single-element, modern CSS and an optimized code. All the shapes are here, look no further!<br><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/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/CSSshapes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSSshapes</span></a> <a href="https://mastodon.social/tags/ShapesOnlyCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ShapesOnlyCSS</span></a> </p><p><a href="https://css-shape.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">css-shape.com/</span><span class="invisible"></span></a></p>
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/Introductions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Introductions</span></a><br>A guide to CSS shapes and offset-path · CSS offset-path will be significantly enhanced in Chrome, Firefox, and Safari <a href="https://ilo.im/13jcjd" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/13jcjd</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Animation</span></a> <a href="https://mastodon.social/tags/Motion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Motion</span></a> <a href="https://mastodon.social/tags/Positioning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Positioning</span></a> <a href="https://mastodon.social/tags/CssOffsetPath" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CssOffsetPath</span></a> <a href="https://mastodon.social/tags/CssShapes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CssShapes</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/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/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</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/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a></p>
ExploreLive feeds
About