New cube thingy

Developer
Kyle Shanks
Size
7,048 Kb
Views
36,432
  1. New cube thingy Previews
  2. New cube thingy HTML Codes
  3. New cube thingy CSS Codes
  4. New cube thingy JS Codes

How do I make an new cube thingy?

What is a new cube thingy? How do you make a new cube thingy? This script and codes were developed by Kyle Shanks on 04 August 2022, Thursday.

New cube thingy Previews
IQ Test

New cube thingy - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>New cube thingy</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <section class="abs-center container"><div class="cube cube1"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube2"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube3"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube4"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube5"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube6"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube7"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube8"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube9"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube10"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube11"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube12"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube13"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube14"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube15"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube16"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube17"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube18"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube19"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube20"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube21"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube22"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube23"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube24"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube25"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube26"><div class="front"></div><div class="left" ></div><div class="top" ></div></div><div class="cube cube27"><div class="front"></div><div class="left" ></div><div class="top" ></div></div></section> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

New cube thingy - Script Codes CSS Codes

* { box-sizing: border-box; -webkit-transition: 0.35s ease; transition: 0.35s ease;
}
.abs-center { display: false; position: absolute; margin: false; top: 50%; left: 50%; right: false; bottom: false; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width: 88%;
}
body { background-color: #262626;
}
@media screen and (max-width: 600px) { .container { -webkit-transform: translate(-50%, -50%) scale(0.55); transform: translate(-50%, -50%) scale(0.55); }
}
.container { width: 60px; height: 60px; -webkit-perspective: 6000px; perspective: 6000px;
}
.cube { position: absolute; height: 100%; width: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-30deg) rotateY(45deg); transform: rotateX(-30deg) rotateY(45deg);
}
.cube.cube1 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-59px);
}
.cube.cube2 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-59px);
}
.cube.cube3 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px);
}
.cube.cube4 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-59px);
}
.cube.cube5 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px);
}
.cube.cube6 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(59px);
}
.cube.cube7 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px);
}
.cube.cube8 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(59px);
}
.cube.cube9 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(59px);
}
.cube.cube10 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px);
}
.cube.cube11 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px);
}
.cube.cube12 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px);
}
.cube.cube13 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px);
}
.cube.cube14 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(0px);
}
.cube.cube15 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px);
}
.cube.cube16 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px);
}
.cube.cube17 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px);
}
.cube.cube18 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px);
}
.cube.cube19 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-59px);
}
.cube.cube20 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-59px);
}
.cube.cube21 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px);
}
.cube.cube22 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-59px);
}
.cube.cube23 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px);
}
.cube.cube24 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(59px);
}
.cube.cube25 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px);
}
.cube.cube26 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(59px);
}
.cube.cube27 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(59px);
}
.cube:nth-child(1) { -webkit-animation: cubeAnimation1 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation1 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(2) { -webkit-animation: cubeAnimation2 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation2 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(3) { -webkit-animation: cubeAnimation3 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation3 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(4) { -webkit-animation: cubeAnimation4 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation4 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(5) { -webkit-animation: cubeAnimation5 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation5 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(6) { -webkit-animation: cubeAnimation6 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation6 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(7) { -webkit-animation: cubeAnimation7 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation7 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(8) { -webkit-animation: cubeAnimation8 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation8 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(9) { -webkit-animation: cubeAnimation9 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation9 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(10) { -webkit-animation: cubeAnimation10 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation10 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(11) { -webkit-animation: cubeAnimation11 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation11 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(12) { -webkit-animation: cubeAnimation12 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation12 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(13) { -webkit-animation: cubeAnimation13 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation13 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(14) { -webkit-animation: cubeAnimation14 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation14 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(15) { -webkit-animation: cubeAnimation15 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation15 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(16) { -webkit-animation: cubeAnimation16 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation16 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(17) { -webkit-animation: cubeAnimation17 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation17 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(18) { -webkit-animation: cubeAnimation18 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation18 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(19) { -webkit-animation: cubeAnimation19 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation19 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(20) { -webkit-animation: cubeAnimation20 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation20 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(21) { -webkit-animation: cubeAnimation21 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation21 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(22) { -webkit-animation: cubeAnimation22 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation22 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(23) { -webkit-animation: cubeAnimation23 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation23 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(24) { -webkit-animation: cubeAnimation24 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation24 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(25) { -webkit-animation: cubeAnimation25 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation25 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(26) { -webkit-animation: cubeAnimation26 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation26 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube:nth-child(27) { -webkit-animation: cubeAnimation27 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite; animation: cubeAnimation27 3.5s cubic-bezier(0.75, 0, 0.2, 1) infinite;
}
.cube div { position: absolute; width: 100%; height: 100%;
}
.cube .front { -webkit-transform: rotateY(0deg) translateZ(30px); transform: rotateY(0deg) translateZ(30px); background-color: #e7ac20;
}
.cube .left { -webkit-transform: rotateY(-90deg) translateZ(30px); transform: rotateY(-90deg) translateZ(30px); background-color: #d53a33;
}
.cube .top { -webkit-transform: rotateX(90deg) translateZ(30px); transform: rotateX(90deg) translateZ(30px); background-color: #1d9099;
}
@-webkit-keyframes cubeAnimation1 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(59px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(100.5px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-59px); }
}
@keyframes cubeAnimation1 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(59px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(100.5px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(-59px); }
}
@-webkit-keyframes cubeAnimation2 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-59px); }
}
@keyframes cubeAnimation2 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(-59px); }
}
@-webkit-keyframes cubeAnimation3 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(59px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(100.5px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px); }
}
@keyframes cubeAnimation3 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(59px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(100.5px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(0px); }
}
@-webkit-keyframes cubeAnimation4 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(59px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(100.5px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-59px); }
}
@keyframes cubeAnimation4 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(59px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(100.5px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(-59px); }
}
@-webkit-keyframes cubeAnimation5 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); }
}
@keyframes cubeAnimation5 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(0px); }
}
@-webkit-keyframes cubeAnimation6 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(59px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(100.5px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(59px); }
}
@keyframes cubeAnimation6 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(59px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(100.5px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(100.5px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(59px) translateZ(59px); }
}
@-webkit-keyframes cubeAnimation7 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(59px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(100.5px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px); }
}
@keyframes cubeAnimation7 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(59px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(100.5px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(0px); }
}
@-webkit-keyframes cubeAnimation8 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(59px); }
}
@keyframes cubeAnimation8 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(100.5px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(59px) translateZ(59px); }
}
@-webkit-keyframes cubeAnimation9 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(59px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(100.5px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(59px); }
}
@keyframes cubeAnimation9 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(59px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(100.5px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(100.5px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(59px) translateZ(59px); }
}
@-webkit-keyframes cubeAnimation10 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px); }
}
@keyframes cubeAnimation10 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(-59px); }
}
@-webkit-keyframes cubeAnimation11 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); }
}
@keyframes cubeAnimation11 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-59px); }
}
@-webkit-keyframes cubeAnimation12 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); }
}
@keyframes cubeAnimation12 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(0px); }
}
@-webkit-keyframes cubeAnimation13 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px); }
}
@keyframes cubeAnimation13 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(-59px); }
}
@-webkit-keyframes cubeAnimation15 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px); }
}
@keyframes cubeAnimation15 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(0px) translateZ(59px); }
}
@-webkit-keyframes cubeAnimation16 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); }
}
@keyframes cubeAnimation16 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(0px); }
}
@-webkit-keyframes cubeAnimation17 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); }
}
@keyframes cubeAnimation17 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(59px); }
}
@-webkit-keyframes cubeAnimation18 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px); }
}
@keyframes cubeAnimation18 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(0px) translateZ(59px); }
}
@-webkit-keyframes cubeAnimation19 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-59px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-100.5px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-59px); }
}
@keyframes cubeAnimation19 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-59px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-100.5px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(-59px); }
}
@-webkit-keyframes cubeAnimation20 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-59px); }
}
@keyframes cubeAnimation20 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(-59px); }
}
@-webkit-keyframes cubeAnimation21 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-59px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-100.5px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px); }
}
@keyframes cubeAnimation21 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-59px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-100.5px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(0px); }
}
@-webkit-keyframes cubeAnimation22 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-59px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-100.5px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-59px); }
}
@keyframes cubeAnimation22 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-59px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-59px) translateZ(-120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(-120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(-120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(-59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-100.5px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-100.5px) translateZ(-59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(-59px); }
}
@-webkit-keyframes cubeAnimation23 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); }
}
@keyframes cubeAnimation23 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(0px); }
}
@-webkit-keyframes cubeAnimation24 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-59px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-100.5px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(59px); }
}
@keyframes cubeAnimation24 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-59px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-100.5px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-100.5px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(59px) translateY(-59px) translateZ(59px); }
}
@-webkit-keyframes cubeAnimation25 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-59px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-100.5px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px); }
}
@keyframes cubeAnimation25 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-59px) translateZ(0px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(0px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(0px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-100.5px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-100.5px) translateZ(0px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(0px); }
}
@-webkit-keyframes cubeAnimation26 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(59px); }
}
@keyframes cubeAnimation26 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100.5px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-59px) translateZ(59px); }
}
@-webkit-keyframes cubeAnimation27 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-59px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-100.5px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(59px); }
}
@keyframes cubeAnimation27 { 0% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(59px); } 16.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(120px); } 33.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-59px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-59px) translateZ(120px); } 50% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(120px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(120px); } 66.666% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-100.5px) translateZ(59px); } 83.333% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-100.5px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-100.5px) translateZ(59px); } 100% { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(59px); transform: rotateX(-30deg) rotateY(45deg) translateX(-59px) translateY(-59px) translateZ(59px); }
}

New cube thingy - Script Codes JS Codes

// Pinspiration
// https://www.pinterest.com/pin/193091902750397552/
New cube thingy - Script Codes
New cube thingy - Script Codes
Home Page Home
Developer Kyle Shanks
Username mavrK
Uploaded August 04, 2022
Rating 4.5
Size 7,048 Kb
Views 36,432
Do you need developer help for New cube thingy?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Kyle Shanks (mavrK) Script Codes
Name
Package Manager Thing
Idk yet
Hex Clock
Progress v2
Unsplash Redesign Stuff
Just social stuff
Hexagon Stuff
Placeholder Site
Metro Stuff
Food Stuff
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!