barraux.a
/
MSJSAboulinBarraux
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

jyujzfe

master
BARRAUX Arthur 3 years ago
parent
9cdb84f6f3
commit
d6dd27009a
2 changed files with 11 additions and 7 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 12
      index.html
  2. 6
      master.css

12
index.html
View File

@ -8,7 +8,7 @@
<body> <body>
<div id="tirage"> <div id="tirage">
<span id="rouleau_1" class="rouleau"> <div id="rouleau_1" class="rouleau">
<div class="cube"> <div class="cube">
<div class="cube__face cube__face--0">0</div> <div class="cube__face cube__face--0">0</div>
<div class="cube__face cube__face--1">1</div> <div class="cube__face cube__face--1">1</div>
@ -22,8 +22,8 @@
<div class="cube__face cube__face--9">9</div> <div class="cube__face cube__face--9">9</div>
</div> </div>
</span> </div>
<span id="rouleau_2"> <div id="rouleau_2" class="rouleau">
<div class="cube"> <div class="cube">
<div class="cube__face cube__face--0">0</div> <div class="cube__face cube__face--0">0</div>
<div class="cube__face cube__face--1">1</div> <div class="cube__face cube__face--1">1</div>
@ -37,8 +37,8 @@
<div class="cube__face cube__face--9">9</div> <div class="cube__face cube__face--9">9</div>
</div> </div>
</span> </div>
<span id="rouleau_3"> <div id="rouleau_3" class="rouleau">
<div class="cube"> <div class="cube">
<div class="cube__face cube__face--0">0</div> <div class="cube__face cube__face--0">0</div>
<div class="cube__face cube__face--1">1</div> <div class="cube__face cube__face--1">1</div>
@ -52,7 +52,7 @@
<div class="cube__face cube__face--9">9</div> <div class="cube__face cube__face--9">9</div>
</div> </div>
</span> </div>
</div> </div>
<p>Banque : <span id="banque_score">1000</span></p> <p>Banque : <span id="banque_score">1000</span></p>

6
master.css
View File

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

Write Preview
Loading…
Cancel
Save