[CSS]div一つで作られたマリオがすごかった

これdiv一つで作られていますw

デモのアニメーション

デモのアニメーション

HTMLを見ると、こんな感じに。

<body>

  <div class="mario"></div>

</body>

CSSはすごい量ですが、シンプルに設計されています。
マリオとブロックとコインを描画し、それぞれをCSS3アニメーションで動かしています。

実際の動きとコードは、下記ページでご確認ください!

サイトのキャプチャ

Mario Bros

top of page

©2017 coliss