387
edits
Changes
Jump to navigation
Jump to search
User:Мало Ли Кто Такой/TEST PAGE (view source)
Revision as of 14:46, 3 October 2022
, 14:46, 3 October 2022no edit summary
Line 1:
Line 1:
broken cube{{Cube|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA}}
broken cube{{Cube|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA|AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+cube
+{{#css:
+.scene {
+width: 200px;
+height: 200px;
+perspective: 600px;
+margin: 100px;
+}
+
+.cube {
+width: 100%;
+height: 100%;
+position: relative;
+transform-style: preserve-3d;
+animation: rotatey 5s linear infinite;
+}
+
+.cube-face {
+position: absolute;
+width: 200px;
+height: 200px;
+}
+.flip img {
+ transform: scaleX(-1);
+}
+.face-front { transform: rotateY( 0deg) translateZ(100px); }
+.face-right { transform: rotateY( 90deg) translateZ(100px); }
+.face-back { transform: rotateY(180deg) translateZ(100px); }
+.face-left { transform: rotateY(-90deg) translateZ(100px); }
+.face-top { transform: rotateX( 90deg) translateZ(100px); }
+.face-bottom { transform: rotateX(-90deg) translateZ(100px); }
+@keyframes rotatey {
+0% { transform: rotate3d(0, 0, 1, 0deg); }
+100% { transform: rotate3d(1, 0, 1, 360deg); }
+}
+/* i stole this code from the goverment */
+}}
+<div class="scene">
+<div class="cube" style="image-rendering: pixelated;">
+<div class="cube-face face-front"><div class="flip">[[File:Cubebubs.png|200px]]</div></div>
+<div class="cube-face face-back"><div class="flip">[[File:Cubebubs.png|200px]]</div></div>
+<div class="cube-face face-right">[[File:Cubebubs.png|200px]]</div>
+<div class="cube-face face-left">[[File:Cubebubs.png|200px]]</div>
+<div class="cube-face face-top">[[File:Cubebubs.png|200px]]</div>
+<div class="cube-face face-bottom">[[File:Cubebubs.png|200px]]</div>
+</div>
+</div>
+[[Category:Pages containing a rotating css cube]]