A 3d cube the can be moved with arrows's game

Click here for free DL of the app version that can save data.

No:46726

←

Prev Next

→

A 3d cube the can be moved with arrows
Developer User20131｜Date and time 24/2/25 21:29:31
Build time 7.38 sec｜Game capacity 1.745KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<title>Cubo 3D</title>
<style>
   #container {
       width: 200px;
       height: 200px;
       perspective: 500px;
   }
   #cube {
       width: 100%;
       height: 100%;
       transform-style: preserve-3d;
       transition: transform 0.5s;
   }
   .face {
       position: absolute;
       width: 100px;
       height: 100px;
       background-color: #333;
       border: 1px solid #fff;
   }
   .face.front { transform: translateZ(50px); }
   .face.back { transform: rotateY(180deg) translateZ(50px); }
   .face.left { transform: rotateY(-90deg) translateZ(50px); }
   .face.right { transform: rotateY(90deg) translateZ(50px); }
   .face.top { transform: rotateX(90deg) translateZ(50px); }
   .face.bottom { transform: rotateX(-90deg) translateZ(50px); }
</style>
</head>
<body>
<div id="container">
   <div id="cube">
       <div class="face front"></div>
       <div class="face back"></div>
       <div class="face left"></div>
       <div class="face right"></div>
       <div class="face top"></div>
       <div class="face bottom"></div>
   </div>
</div>