diff --git a/app.js b/app.js index 6df4373..0ded866 100644 --- a/app.js +++ b/app.js @@ -4,13 +4,16 @@ function vw(v) { return (v * w) / 100; } -for (var i = 0; i < 10; i++) { - document.getElementsByClassName('cube__face')[i].style.transform = 'rotateX('+i*36+'deg) translateZ(calc(3.4vw *'Math.tan(18* Math.PI / 180)')'; +window.onresize = () => { + let cubes = document.getElementsByClassName('cube__face') + for (var i = 0; i < 10; i++) { + /*window.getComputedStyle(cubes[i])*/cubes[i].style.transform = + 'rotateX('+i*36+'deg) translateZ('+vw(3.4)*Math.tan(18 * Math.PI / 180)+')'; + console.log(window.getComputedStyle(cubes[i]).transform) + } } - - let bac = 1000 let joueur = 100 let mise diff --git a/master.css b/master.css index 572a5b8..da5cb01 100644 --- a/master.css +++ b/master.css @@ -19,7 +19,7 @@ position: relative; transform-style: preserve-3d; /* transform: translateZ(-100px); */ - transition: transform 1s; + /*transition: transform 1s;*/ } .cube__face {