View source for Rotating CSS Square Tiling but they forgot to install CS:S

<noinclude>{{Distinguish|text=[[Rotating CSS Square Tiling|Rotating CSS Square Tiling but they did install CS:S]]}}[[Category:Pages containing a rotating css square tiling]][[Category:Rotating css polytopes]][[Category:Shapes]]</noinclude>
{{#css:
.st-scene {
width: 200px;
height: 200px;
perspective: 600px;
margin: 100px;
}

.st-scene .square-tiling {
width: 100%;
height: 100%;
position: relative;
transform-style: preserve-3d;
animation: rotatey 15s linear infinite;
}

.st-scene .square  { 
position: absolute;
width: 50px;
height: 50px;
}
@keyframes rotatey {
0% { transform: rotateX(0) rotateY(0) rotateZ(0); }
100% { transform: rotateX(1turn) rotateY(2turn) rotateZ(3turn); }
}
/* most of the css was taken from https://3dtransforms.desandro.com/cube */

.st-scene .f01 {
background-color: #F0F;
}
.st-scene .f02 {
background-color: #000;
transform: translateX(50px);
}
.st-scene .f03 {
background-color: #F0F;
transform: translateX(100px);
}
.st-scene .f04 {
background-color: #000;
transform: translateX(150px);
}
.st-scene .f05 {
background-color: #000;
transform: translateY(50px);
}
.st-scene .f06 {
background-color: #F0F;
transform: translate(50px, 50px);
}
.st-scene .f07 {
background-color: #000;
transform: translate(100px, 50px);
}
.st-scene .f08 {
background-color: #F0F;
transform: translate(150px, 50px);
}
.st-scene .f09 {
background-color: #F0F;
transform: translateY(100px);
}
.st-scene .f10 {
background-color: #000;
transform: translate(50px, 100px);
}
.st-scene .f11 {
background-color: #F0F;
transform: translate(100px, 100px);
}
.st-scene .f12 {
background-color: #000;
transform: translate(150px, 100px);
}
.st-scene .f13 {
background-color: #000;
transform: translateY(150px);
}
.st-scene .f14 {
background-color: #F0F;
transform: translate(50px, 150px);
}
.st-scene .f15 {
background-color: #000;
transform: translate(100px, 150px);
}
.st-scene .f16 {
background-color: #F0F;
transform: translate(150px, 150px);
}
}}
<div class="st-scene">
<div class="square-tiling">
<div class="square f01"></div>
<div class="square f02"></div>
<div class="square f03"></div>
<div class="square f04"></div>
<div class="square f05"></div>
<div class="square f06"></div>
<div class="square f07"></div>
<div class="square f08"></div>
<div class="square f09"></div>
<div class="square f10"></div>
<div class="square f11"></div>
<div class="square f12"></div>
<div class="square f13"></div>
<div class="square f14"></div>
<div class="square f15"></div>
<div class="square f16"></div>
</div>
</div>