Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
ohai.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A cozy, fast and secure Mastodon server where everyone is welcome. Run by the folks at ohai.is.

Administered by:

Server stats:

1.8K
active users

ohai.social: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.0-nightly.2025-04-15

#cssart

0 posts0 participants0 posts today
teddymatayoshi<p>CSS Art – Isometric Image Design with CSS Transforms and Linear Gradients - Part 1<br><a href="https://pyxo.me/955d8c" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pyxo.me/955d8c</span><span class="invisible"></span></a><br><a href="https://mastodon.social/tags/pyxofy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pyxofy</span></a> <a href="https://mastodon.social/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.social/tags/codenewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codenewbie</span></a></p>
Pyxofy<p>CSS Art – Isometric Image Design with CSS Transforms and Linear Gradients - Part 1<br><a href="https://pyxo.me/955d8c" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pyxo.me/955d8c</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/pyxofy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pyxofy</span></a> <a href="https://mastodon.social/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.social/tags/codenewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codenewbie</span></a></p>
Konstantin Denerz<p>CSS &amp; SVG ✨ </p><p><a href="https://codepen.io/konstantindenerz/full/bNGQpqJ" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/konstantindenerz/fu</span><span class="invisible">ll/bNGQpqJ</span></a></p><p><a href="https://mastodon.world/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecoding</span></a> <a href="https://mastodon.world/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.world/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.world/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svg</span></a> <a href="https://mastodon.world/tags/demoscene" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>demoscene</span></a> <a href="https://mastodon.world/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> <a href="https://mastodon.world/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.world/tags/codepen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codepen</span></a> <a href="https://mastodon.world/tags/gm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gm</span></a> <a href="https://mastodon.world/tags/animation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>animation</span></a></p>
teddymatayoshi<p>CSS Art – Position Multiple Isometric Cubes using CSS<br><a href="https://pyxo.me/8abce2" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pyxo.me/8abce2</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/pyxofy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pyxofy</span></a> <a href="https://mastodon.social/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.social/tags/codenewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codenewbie</span></a></p>
Pyxofy<p>CSS Art – Position Multiple Isometric Cubes using CSS<br><a href="https://pyxo.me/8abce2" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pyxo.me/8abce2</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/pyxofy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pyxofy</span></a> <a href="https://mastodon.social/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.social/tags/codenewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codenewbie</span></a></p>
Alvaro Montoro<p>The cupid I drew won DEV's February CSS Art challenge 😊</p><p>Check out the code 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> at <a href="https://codepen.io/alvaromontoro/pen/raNOqdJ" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/alvaromontoro/pen/r</span><span class="invisible">aNOqdJ</span></a></p><p><a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://front-end.social/tags/cssArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssArt</span></a> <a href="https://front-end.social/tags/challenge" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>challenge</span></a></p>
teddymatayoshi<p>CSS Art – Creating an Isometric Cube using CSS Transform<br><a href="https://pyxo.me/bb3985" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pyxo.me/bb3985</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/pyxofy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pyxofy</span></a> <a href="https://mastodon.social/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.social/tags/codenewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codenewbie</span></a></p>
Pyxofy<p>CSS Art – Creating an Isometric Cube using CSS Transform<br><a href="https://pyxo.me/bb3985" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pyxo.me/bb3985</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/pyxofy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pyxofy</span></a> <a href="https://mastodon.social/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.social/tags/codenewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codenewbie</span></a></p>
teddymatayoshi<p>CSS Art – scale3d() with rotate3d() Transforms <br><a href="https://pyxo.me/4925fc" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pyxo.me/4925fc</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/pyxofy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pyxofy</span></a> <a href="https://mastodon.social/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.social/tags/codenewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codenewbie</span></a></p>
Pyxofy<p>CSS Art – scale3d() with rotate3d() Transforms<br><a href="https://pyxo.me/4925fc" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pyxo.me/4925fc</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/pyxofy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pyxofy</span></a> <a href="https://mastodon.social/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.social/tags/codenewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codenewbie</span></a></p>
Pyxofy<p>CSS Art – How to Make a 3D Cube With CSS<br><a href="https://pyxo.me/09b504" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pyxo.me/09b504</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/pyxofy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pyxofy</span></a> <a href="https://mastodon.social/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.social/tags/codenewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codenewbie</span></a></p>
Pyxofy<p>CSS Animation – 3D Transforms Using translate3d() <br><a href="https://pyxo.me/1cf02a" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pyxo.me/1cf02a</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/pyxofy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pyxofy</span></a> <a href="https://mastodon.social/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.social/tags/codenewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codenewbie</span></a></p>
Greg Robleto<p>I seldom am able to join the <a href="https://mastodon.design/tags/CodePenChallenge" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodePenChallenge</span></a>, but I had this week's already at the ready from a previous <a href="https://mastodon.design/tags/divtober" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>divtober</span></a>...</p><p>🎨 Single-div CSS Art in a Pop Art style!</p><p>💻 Found on @CodePen at <a href="https://codepen.io/robleto/pen/qBYeYxb" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">codepen.io/robleto/pen/qBYeYxb</span><span class="invisible"></span></a><br>🏷️ <a href="https://mastodon.design/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.design/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.design/tags/singlediv" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>singlediv</span></a> <a href="https://mastodon.design/tags/popart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>popart</span></a> <a href="https://mastodon.design/tags/cpc" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cpc</span></a></p>
teddymatayoshi<p>CSS Art – Using polygon() and scale() Functions Together <a href="https://pyxo.me/d6e696" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pyxo.me/d6e696</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/pyxofy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pyxofy</span></a> <a href="https://mastodon.social/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.social/tags/codenewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codenewbie</span></a></p>
Pyxofy<p>CSS Art – Combining polygon() and drop-shadow() Functions<br><a href="https://pyxo.me/d6e696" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pyxo.me/d6e696</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/pyxofy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pyxofy</span></a> <a href="https://mastodon.social/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.social/tags/codenewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codenewbie</span></a></p>
teddymatayoshi<p>CSS Art – Combining polygon() and drop-shadow() Functions<br><a href="https://pyxo.me/bbc8f4" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pyxo.me/bbc8f4</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/pyxofy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pyxofy</span></a> <a href="https://mastodon.social/tags/cssart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssart</span></a> <a href="https://mastodon.social/tags/codenewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codenewbie</span></a></p>
ExploreLive feeds
About