marcinwieprzkowicz / png-to-css

Convert png images to css (box-shadow)

#PNG to CSS Convert png images to css (box-shadow)

Demo

See demo.

Setup

CoffeeScript

png = new PngToCss(
  onReturn: (result) ->
    console.log result
  
  onError: (error, type) ->
    console.error error, type
)
png.convert "image.png"

JavaScript

var png = new PngToCss({
  onReturn: function(result){
    console.log(result);
  },
  onError: function(error, type){
    console.error(error, type);
  }
});
png.convert('image.png');

Css

.selector {
  font-size: 1px;
  height: 1em;
  width: 1em;
}

Events

Name	Provides	Description
onReturn	result	Fires when converted css in ready
onError	error, type	Fires when: - path to image is invalid - image format is not png

Requirements

PNG to CSS is written in CoffeeScript, and compiled into JavaScript. No need for frameworks.

License

PNG to CSS is released under an MIT License.