CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.
Make [npm logo](https://npmjs.org/) in CSS only. The logo is very simple as it has only two colors and is practically pixel art.
**Easy mode**: use only one HTML element. You can use whatever HTML syntax you find useful for that one element. No images allowed.
**Hard mode**: do not use linear-gradient, box-shadow or text-shadow. Your HTML is limited to this:
Node Packaged Modules
My first attempt at hard mode: http://codepen.io/Merri/pen/ygsLf (works in Firefox, IE9+ and Opera 12. Chrome fails.)
> Make npm logo in CSS only.
Only CSS? Or is HTML allowed too.
This reply has been reported for inappropriate content.
Easy mode – Box Shadow Method
Elapsed time 26 min.
Whoops, messed up, fixing… [fixed]
content: “██████████████████A █ █ █ █A █ █ █ █ █ █ █ █A █ █ █ █ █ █ █ █A █ █ █ █ █ █ █ █A █ █ █ █ █ █ █A ██████ ██████████A ████”;
Easy mode, linear-gradient and some traditional stuff:
You must be logged in to reply to this topic.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed