Template:3DCube/style.css
From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
/* cc: shorthand term for "CSS Cube", now semi-CSS2 compliant! */
.cc-scene {
margin: 25px;
width: 200px;
height: 200px;
}
.cc-cube {
width: 100%;
height: 100%;
position: relative;
}
.cc-center {
animation: 10s linear cc-3DSpin infinite;
width: 100%;
height: 100%;
}
.cc-side {
position: absolute;
background-color: #FFF;
outline: 1px solid #CCC;
width: 200px;
height: 200px;
background-size: cover;
}
.cc-SNCAText {
margin: 0;
position: absolute;
text-align: center;
font-family: 'Georgia', Georgia, serif;
font-size: 130px;
line-height: 0.8;
left:50%;
top:50%;
transform: translateY(-50%) translateX(-50%);
}
/*Spin or something*/
@keyframes cc-3DSpin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}