https://github.com/chinchang/picssel-art

An app to create pixel art using only CSS
https://github.com/chinchang/picssel-art

Last synced: about 2 months ago
JSON representation

An app to create pixel art using only CSS

• Host: GitHub
• URL: https://github.com/chinchang/picssel-art
• Owner: chinchang
• License: mit
• Created: 2012-06-29T08:24:50.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2018-09-27T04:42:13.000Z (almost 6 years ago)
• Last Synced: 2024-06-20T12:24:28.169Z (3 months ago)
• Language: JavaScript
• Homepage: https://kushagragour.in/lab/picssel-art/
• Size: 412 KB
• Stars: 138
• Watchers: 12
• Forks: 22
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
piCSSel-art

=======

Create pixel art using only CSS

--------

What is it?

-----------

piCSSel-art is a drawing app to draw pixel art and get it in CSS. Yes, you heard it right, CSS. The  app converts each pixel to corresponsing **box-shadow** CSS and generate HTML and CSS code which you can use to put that art on your page.

Inspired by the space invader [here](http://css-tricks.com/examples/ShapesOfCSS/) by Vlad Zinculescu.

How to use

-----

Its simple! Draw your pixel marvel on the canvas and when done, press the **Generate Code!** button to get the code.

Try it out

------------

Demo: [http://kushagragour.in/lab/picssel-art/](http://kushagragour.in/lab/picssel-art/)

[Tested on Google chrome 18 and Firefox 11]

Features

-----

- 🏞 Canvas and pixel sizeing option

- 🌈 Color palette

- 🏁 Grid option

- 🤝 sharable URLs

License

-------

Licensed under The MIT License