la bise au chat

index.html

@@ -23,8 +23,36 @@
 
             </div>
         </span>
-        <span id="rouleau_2">0</span>
+        <span id="rouleau_2">
-        <span id="rouleau_3">0</span>
+            <div class="cube">
+                <div class="cube__face cube__face--0">0</div>
+                <div class="cube__face cube__face--1">1</div>
+                <div class="cube__face cube__face--2">2</div>
+                <div class="cube__face cube__face--3">3</div>
+                <div class="cube__face cube__face--4">4</div>
+                <div class="cube__face cube__face--5">5</div>
+                <div class="cube__face cube__face--6">6</div>
+                <div class="cube__face cube__face--7">7</div>
+                <div class="cube__face cube__face--8">8</div>
+                <div class="cube__face cube__face--9">9</div>
+
+            </div>
+        </span>
+        <span id="rouleau_3">
+            <div class="cube">
+                <div class="cube__face cube__face--0">0</div>
+                <div class="cube__face cube__face--1">1</div>
+                <div class="cube__face cube__face--2">2</div>
+                <div class="cube__face cube__face--3">3</div>
+                <div class="cube__face cube__face--4">4</div>
+                <div class="cube__face cube__face--5">5</div>
+                <div class="cube__face cube__face--6">6</div>
+                <div class="cube__face cube__face--7">7</div>
+                <div class="cube__face cube__face--8">8</div>
+                <div class="cube__face cube__face--9">9</div>
+
+            </div>
+        </span>
     </div>
 
     <p>Banque : <span id="banque_score">1000</span></p>

master.css

@@ -3,6 +3,7 @@
     height: 60px;
     border: 1px solid #CCC;
     margin: 80px;
+    perspective: 400px;
 }
 
 .cube {