Template:3DOneFace/styles.css
From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
/* Template:3DOneFace/style.css
Single face left-to-right swing, inline text friendly */
.cc-scene {
display: inline-block;
vertical-align: middle;
}
/* Ensure all nested spans flow inline without breaking paragraphs */
.cc-cube, .cc-center, .cc-side {
display: inline-block;
vertical-align: middle;
}
.cc-center {
animation: cc-Swing 4s ease-in-out infinite;
}
/* Hovering instantly kills the animation and snaps it flat for reading */
.cc-scene:hover .cc-center {
animation: none;
transform: rotate(0deg);
}
/* Clean up image backgrounds if an image is used */
.cc-side a.image,
.cc-side figure {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
}
.cc-side img,
.cc-side video {
width: 100%;
height: 100%;
object-fit: contain;
}
/* The actual swing limits. Uses standard 2D rotate to pass validation! */
@keyframes cc-Swing {
0% { transform: rotate(-35deg); }
50% { transform: rotate(35deg); }
100% { transform: rotate(-35deg); }
}
@media (prefers-reduced-motion: reduce) {
.cc-center { animation: none; }
}