box-shadowを使ってCSSだけでドット絵を描き、アニメーションさせる | Black Everyday Company

box-shadowを使ってCSSだけでドット絵を描き、アニメーションさせる
|
Black Everyday Company:

box-shadowを使ってCSSだけでドット絵を描き、アニメーションさせる
|
Black Everyday Company




CSSだけでドット絵（Pixel Art）を描く・アニメーションさせる方法を紹介する。ただ、バニラCSSだけでも大丈夫なのだが、よりメンテナブルにするためSassで描く方法も併せて紹介する。
ちなみに下図のようなドット絵がつくれる。
マリオとMinecraftの土ブロックは、CSSアニメーションをつかって動かしている。もちろんJa...