- The CSS Reddit Alien in pure CSS
- The Facebook Icon in pure CSS
- Larry the Twitter Bird in pure CSS
You haven't made it as a social network until someone has tried to create a pure css version of your icon, so I did just that for Steemit.
The Pure CSS Steemit Logo is here
No javascript; no images; no SVG's; just some div soup and cascading style sheets.
Here is more or less what you are looking at:
As you can see each peice of the logo is comprised of several div elements layered on top of one another to achieve the effect. It is scalable, but has some minor rendering issues at certain resolutions and on some mobile browsers. I didn't even bother to look at IE because - what's the point?
Source: Imgur
What is it good for?
Just like most pure CSS versions, it is pretty useless. Maybe if you really optimize the markup you can save like 1/2 KB on your page size.
It did keep me occupied while I was sick and in bed all day today, so that's something.