diff --git a/app.js b/app.js index 6df4373..4933c0a 100644 --- a/app.js +++ b/app.js @@ -4,8 +4,13 @@ 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)')'; +for (let i = 0; i < 0; 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)+')'; + } + } diff --git a/master.css b/master.css index 572a5b8..f283031 100644 --- a/master.css +++ b/master.css @@ -48,7 +48,7 @@ left: 51.5%; } -.cube__face--0 { transform: rotateX( 0deg) translateZ(74px); } +/* .cube__face--0 { transform: rotateX( 0deg) translateZ(74px); } .cube__face--1 { transform: rotateX( 36deg) translateZ(74px); } .cube__face--2 { transform: rotateX( 72deg) translateZ(74px); } .cube__face--3 { transform: rotateX(108deg) translateZ(74px); } @@ -57,4 +57,4 @@ .cube__face--6 { transform: rotateX(216deg) translateZ(74px); } .cube__face--7 { transform: rotateX(252deg) translateZ(74px); } .cube__face--8 { transform: rotateX(288deg) translateZ(74px); } -.cube__face--9 { transform: rotateX(324deg) translateZ(74px); } +.cube__face--9 { transform: rotateX(324deg) translateZ(74px); } */