ドット絵を作ってCSSに変換できるサイト「Pixel Art to CSS」!

2016/12/17

こんにちは。
今回はドット絵を作ってCSSに変換できるサイト「Pixel Art to CSS」!です。

ピクセルアートを作成し、スタイルシートに変換できるサイトを紹介します。

ドット絵を作ってCSSに変換できるサイト「Pixel Art to CSS」!

Pixel Art to CSS

pixel-art-to-css

http://pixelart-to-css-react.herokuapp.com/

 

「Pixel Art to CSS」の使い方

pixel-art-to-css2

右側で升目の増減や線種などを選ぶことができます。
升目をクリックすると塗りつぶすことができ、ドット絵を描くことができますよ。
左側の「CSS」のボタンをクリックするとCSSコードを表示してくれます。

 

絵はすぐに上手くならない
絵はすぐに上手くならない

 

いかがでしたか。画像ではなく、CSSコードというのがおもしろですね。
以上でドット絵を作ってCSSに変換できるサイト「Pixel Art to CSS」!でした。

RELATED POST