自作ホームページの奨め

有限会社安房ネット

アニメーション

サイコロを回転させるcssアニメーションです。
div要素で、６枚の面（矩形）を作り、 スタイルシート（css）で、各面をx,y,z軸方向に、回転、移動しています。
各面には、ベクトル図形（svg）で描いたサイコロの目を貼り付けており、 サイコロ全体に、x, y, z軸まわりに、 40秒かけて回転するアニメーションを指定しています。