CSS 3 D回転キューブ

効果図:
コメント:
ul*はulの下のすべてのスタイルがこれらであることを示します.
コード内のul*の

background-color: rgba(255, 100, 100, 0.5);

キューブの色を変えることができます.
perspectiveの値を変えることで、どのような効果があるかを見ることができます.
コード: