@ -129,7 +129,7 @@ for (let i = 0; i < 10; i++) {
//console.log(i);
for (var j = 0; j < 3; j++) {
//console.log(j);
document.getElementsByClassName('cube__face--'+i)[j].style.transform = 'rotateX('+(i*36)+'deg) translateZ(calc(1.6vw /'+Math.tan(18* Math.PI / 180)+')';
document.getElementsByClassName('cube__face--'+i)[j].style.transform = 'rotateX('+(i*36)+'deg) translateZ(calc(1.9vw /'+Math.tan(18* Math.PI / 180)+')';
}
@ -4,25 +4,25 @@ body{
.rouleau {
width: 4.1vw;
height: 3.4vw;
width: 5vw;
height: 3.8vw;
position: absolute;
top: 16.6vw;
top: 20vw;
.cube {
position: relative;
transform-style: preserve-3d;
.cube__face {
border: 2px solid #362730;
line-height: 3.4vw;
line-height: 3.8vw;
font-size: 1.5vw;
background-color: #c21121;
box-sizing: border-box;
@ -32,36 +32,37 @@ body{
#rouleau_1{
left: 42.65vw;
left: 41.3vw;
#rouleau_2{
left: 47.05vw;
left: 46.5vw;
#rouleau_3{
left: 51.5vw;
left: 51.7vw;
#tirette{
z-index: 10;
margin-left: 58vw;
top: 3vw;
transform-origin: 70% 58%;
left: 61vw;
top: 12vw;
width: 3.7vw;
transform-origin: 50% 97%;
#tirage{
display: flex;
justify-content: space-around;
margin: auto;
left: 25vw;
width: 42.4vw;
width: 50vw;
#mise_input{
top: 27vw;
top: 33vw;
left: 42vw;
width: 13vw;
height: 2vw;