From: Snapshot-Content-Location: https://x20xx.com/hexa.html Subject: : RGCYBM_Hexa Date: Sat, 5 Nov 2022 11:22:43 -0000 MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--i0aye4oDQuKnkPlQDMnidhvflLdpffB6UaVXanPztV----" ------MultipartBoundary--i0aye4oDQuKnkPlQDMnidhvflLdpffB6UaVXanPztV---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: binary Content-Location: https://x20xx.com/hexa.html : RGCYBM_Hexa 
-webkit-transform : translateZ(200px);
-moz-transform    : translateZ(200px);
-o-transform      : translateZ(200px);
-ms-transform     : translateZ(200px);
transform         : translateZ(200px);
background-color  : #FF0000;
-webkit-transform : rotateY(90deg) translateZ(200px);
-moz-transform    : rotateY(90deg) translateZ(200px);
-o-transform      : rotateY(90deg) translateZ(200px);
-ms-transform     : rotateY(90deg) translateZ(200px);
transform         : rotateY(90deg) translateZ(200px);
background-color  : #00FF00;
-webkit-transform : rotateY(180deg) translateZ(200px);
-moz-transform    : rotateY(180deg) translateZ(200px);
-o-transform      : rotateY(180deg) translateZ(200px);
-ms-transform     : rotateY(180deg) translateZ(200px);
transform         : rotateY(180deg) translateZ(200px);
background-color  : #00FFFF;
-webkit-transform : rotateY(-90deg) translateZ(200px);
-moz-transform    : rotateY(-90deg) translateZ(200px);
-o-transform      : rotateY(-90deg) translateZ(200px);
-ms-transform     : rotateY(-90deg) translateZ(200px);
transform         : rotateY(-90deg) translateZ(200px);
background-color  : #FFFF00;
-webkit-transform : rotateX(-90deg) translateZ(200px) rotate(180deg);
-moz-transform    : rotateX(-90deg) translateZ(200px) rotate(180deg);
-o-transform      : rotateX(-90deg) translateZ(200px) rotate(180deg);
-ms-transform     : rotateX(-90deg) translateZ(200px) rotate(180deg);
transform         : rotateX(-90deg) translateZ(200px) rotate(180deg);
background-color  : #0000FF;
-webkit-transform : rotateX(90deg) translateZ(200px);
-moz-transform    : rotateX(90deg) translateZ(200px);
-o-transform      : rotateX(90deg) translateZ(200px);
-ms-transform     : rotateX(90deg) translateZ(200px);
transform         : rotateX(90deg) translateZ(200px);
background-color  : #FF00FF;
------MultipartBoundary--i0aye4oDQuKnkPlQDMnidhvflLdpffB6UaVXanPztV---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-853c4aff-67ed-4a3e-a309-b848b3ca0b85@mhtml.blink @charset "utf-8"; html, body { margin-top: 0px; padding: 0px; border: 0px; height: 100%; font-size: 36px; font-family: monospace; font-weight: bold; overflow: hidden; } @-webkit-keyframes spinningH { 0% { transform: rotateX(0deg) rotateY(0deg); } 100% { transform: rotateX(360deg) rotateY(360deg); } } @keyframes spinningH { 0% { transform: rotateX(0deg) rotateY(0deg); } 100% { transform: rotateX(360deg) rotateY(360deg); } } #container { perspective: 1000px; perspective-origin: 50% 50%; } .animate { animation: 3s linear 0s infinite normal none running spinningH; } #cube { position: relative; margin: 10% auto 0px; height: 400px; width: 400px; transition: transform 2s linear 0s; transform-style: preserve-3d; } #cube > div { position: absolute; height: 360px; width: 360px; padding: 20px; opacity: 0.8; background-position: center center; } #cube div:nth-child(1) { transform: translateZ(200px); background-color: rgb(255, 0, 0); } #cube div:nth-child(2) { transform: rotateY(90deg) translateZ(200px); background-color: rgb(0, 255, 0); } #cube div:nth-child(3) { transform: rotateY(180deg) translateZ(200px); background-color: rgb(0, 255, 255); } #cube div:nth-child(4) { transform: rotateY(-90deg) translateZ(200px); background-color: rgb(255, 255, 0); } #cube div:nth-child(5) { transform: rotateX(-90deg) translateZ(200px) rotate(180deg); background-color: rgb(0, 0, 255); } #cube div:nth-child(6) { transform: rotateX(90deg) translateZ(200px); background-color: rgb(255, 0, 255); text-align: center; } ------MultipartBoundary--i0aye4oDQuKnkPlQDMnidhvflLdpffB6UaVXanPztV------