Template:2DSpinCube/style.css

/* Template:2DSpinCube/style.css */
/* Rewritten to use whitelisted 2D transforms so MediaWiki accepts it */

.scene {
	width: 200px;
	height: 200px;
	margin: 100px auto;
}

.cube {
	width: 100%;
	height: 100%;
	position: relative;
	/* transform-style: preserve-3d is banned by MW, using a 2D animation instead */
	animation: spin-and-pulse 6s linear infinite;
}

.cube-face {
	position: absolute;
	width: 200px;
	height: 200px;
	top: 0;
	left: 0;
}

/* We hide all faces except the front one since it's flattened to 2D */
.face-back, .face-right, .face-left, .face-top, .face-bottom {
	display: none;
}

/* Whitelisted keyframes for animation */
@keyframes spin-and-pulse {
	0% { transform: rotate(0deg) scale(1); }
	50% { transform: rotate(180deg) scale(0.8); }
	100% { transform: rotate(360deg) scale(1); }
}