読者です 読者をやめる 読者になる 読者になる

はしくれエンジニアもどきのメモ

情報・Web系技術の勉強メモ・備忘録です。

CSS3 のみでキューブ(立方体)を作る!

CSS3 のみでキューブ(立方体)を作る!

CSS3 のみでキューブを作ってみました。

キューブ

6面をつくって、それぞれをtranslate で上、下、左、右、手前、奥に配置てしています。

codepen.io

アニメーション付きキューブ

@keyframesで回転させてみました。

 

codepen.io