jyujzfe

3 years ago · d6dd27009a
2 changed files with 11 additions and 7 deletions
--- a/index.html
+++ b/index.html
@ -8,7 +8,7 @@
 <body>
    <div id="tirage">

-        <span id="rouleau_1" class="rouleau">
+        <div id="rouleau_1" class="rouleau">
            <div class="cube">
                <div class="cube__face cube__face--0">0</div>
                <div class="cube__face cube__face--1">1</div>
@ -22,8 +22,8 @@
                <div class="cube__face cube__face--9">9</div>

            </div>
-        </span>
-        <span id="rouleau_2">
+        </div>
+        <div id="rouleau_2" class="rouleau">
            <div class="cube">
                <div class="cube__face cube__face--0">0</div>
                <div class="cube__face cube__face--1">1</div>
@ -37,8 +37,8 @@
                <div class="cube__face cube__face--9">9</div>

            </div>
-        </span>
-        <span id="rouleau_3">
+        </div>
+        <div id="rouleau_3" class="rouleau">
            <div class="cube">
                <div class="cube__face cube__face--0">0</div>
                <div class="cube__face cube__face--1">1</div>
@ -52,7 +52,7 @@
                <div class="cube__face cube__face--9">9</div>

            </div>
-        </span>
+        </div>
    </div>

    <p>Banque : <span id="banque_score">1000</span></p>
--- a/master.css
+++ b/master.css
@ -6,12 +6,16 @@
    perspective: 400px;
 }

+#tirage {
+    display: flex;
+}
+
 .cube {
    width: 60px;
    height: 60px;
    position: relative;
    transform-style: preserve-3d;
-    transform: translateZ(-100px);
+    /* transform: translateZ(-100px); */
    transition: transform 1s;
 }