CSS
body{
background:#090909;
}
.contenedor{
position:relative;
width:600px;
height:600px;
border-radius:100%;
background:#190c2b;
margin:132px auto;
perspective: 800px;
perspective-origin: 50% 0%;
}
.device {
position: relative;
width: 200px;
transform-style: preserve-3d;
}
.device div {
position: absolute;
margin:172px 192px;
width: 212px;
height: 172px;
border-radius:12px;
}
.bases{
position:relative;
width:30px;
transform-style: preserve-3d;
}
.bases div{
position:absolute;
width:30px;
height:80px;
margin:132px 90px;
}
.basesita{
position:relative;
width:30px;
transform-style: preserve-3d;
}
.basesita div{
position:absolute;
width:90px;
height:12px;
margin: 201px 60px
}
.fondo {
transform: rotateY(-300deg) translatez(0px) ;
-moz-transform: rotateY(-300deg) translatez(0px) ;
-webkit-ransform: rotateY(-300deg) translatez(0px) ;
transform-origin: top center;
text-overflow: ellipsis;
background: -webkit-linear-gradient(0deg, rgba(7,7,7,1) 0, rgba(7,7,7,1) 10%, rgba(190,190,190,0) 10%, rgba(190,190,190,0) 100%), -webkit-linear-gradient(-90deg, rgba(7,7,7,1) 0, rgba(7,7,7,1) 11%, rgba(190,190,190,0) 11%, rgba(190,190,190,0) 100%), -webkit-linear-gradient(0deg, rgba(190,190,190,0) 0, rgba(190,190,190,0) 90%, rgba(7,7,7,1) 90%, rgba(7,7,7,1) 100%), -webkit-linear-gradient(-90deg, rgba(190,190,190,0) 0, rgba(190,190,190,0) 90%, rgba(7,7,7,1) 90%, rgba(7,7,7,1) 100%), -webkit-linear-gradient(-107deg, rgba(252,138,184,0) 0, rgba(252,138,184,0) 78%, rgba(247,138,192,0.65) 79%, rgba(247,138,192,0.65) 100%), -webkit-linear-gradient(45deg, rgba(101,193,247,0.65) 0, rgba(101,193,247,0.65) 33%, rgba(252,138,184,0) 33%, rgba(252,138,184,0) 100%), -webkit-linear-gradient(-225deg, rgba(2,136,214,1) 0, rgba(2,136,214,1) 50%, rgba(252,138,184,1) 50%, rgba(252,138,184,1) 100%);
background: -moz-linear-gradient(90deg, rgba(7,7,7,1) 0, rgba(7,7,7,1) 10%, rgba(190,190,190,0) 10%, rgba(190,190,190,0) 100%), -moz-linear-gradient(180deg, rgba(7,7,7,1) 0, rgba(7,7,7,1) 11%, rgba(190,190,190,0) 11%, rgba(190,190,190,0) 100%), -moz-linear-gradient(90deg, rgba(190,190,190,0) 0, rgba(190,190,190,0) 90%, rgba(7,7,7,1) 90%, rgba(7,7,7,1) 100%), -moz-linear-gradient(180deg, rgba(190,190,190,0) 0, rgba(190,190,190,0) 90%, rgba(7,7,7,1) 90%, rgba(7,7,7,1) 100%), -moz-linear-gradient(197deg, rgba(252,138,184,0) 0, rgba(252,138,184,0) 78%, rgba(247,138,192,0.65) 79%, rgba(247,138,192,0.65) 100%), -moz-linear-gradient(45deg, rgba(101,193,247,0.65) 0, rgba(101,193,247,0.65) 33%, rgba(252,138,184,0) 33%, rgba(252,138,184,0) 100%), -moz-linear-gradient(315deg, rgba(2,136,214,1) 0, rgba(2,136,214,1) 50%, rgba(252,138,184,1) 50%, rgba(252,138,184,1) 100%);
background: linear-gradient(90deg, rgba(7,7,7,1) 0, rgba(7,7,7,1) 10%, rgba(190,190,190,0) 10%, rgba(190,190,190,0) 100%), linear-gradient(180deg, rgba(7,7,7,1) 0, rgba(7,7,7,1) 11%, rgba(190,190,190,0) 11%, rgba(190,190,190,0) 100%), linear-gradient(90deg, rgba(190,190,190,0) 0, rgba(190,190,190,0) 90%, rgba(7,7,7,1) 90%, rgba(7,7,7,1) 100%), linear-gradient(180deg, rgba(190,190,190,0) 0, rgba(190,190,190,0) 90%, rgba(7,7,7,1) 90%, rgba(7,7,7,1) 100%), linear-gradient(197deg, rgba(252,138,184,0) 0, rgba(252,138,184,0) 78%, rgba(247,138,192,0.65) 79%, rgba(247,138,192,0.65) 100%), linear-gradient(45deg, rgba(101,193,247,0.65) 0, rgba(101,193,247,0.65) 33%, rgba(252,138,184,0) 33%, rgba(252,138,184,0) 100%), linear-gradient(315deg, rgba(2,136,214,1) 0, rgba(2,136,214,1) 50%, rgba(252,138,184,1) 50%, rgba(252,138,184,1) 100%);
background-position: 50% 50%;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: auto auto;
background-size: auto auto;
animation:rotar 3s linear infinite;
-moz-animation:rotar 3s linear infinite;
-webkit-animation:rotar 3s linear infinite;
}
.fondo1 {
transform: rotateY(-300deg) translatez(1px);
-moz-transform: rotateY(-300deg) translatez(1px);
-webkit-transform: rotateY(-300deg) translatez(1px);
transform-origin: top center;
background:black;
animation:rotar1 3s linear infinite;
-moz-animation:rotar1 3s linear infinite;
-webkit-animation:rotar1 3s linear infinite;
}
.fondo2 {
transform: rotateY(-300deg) translatez(2px);
-moz-transform: rotateY(-300deg) translatez(2px);
-webkit-transform: rotateY(-300deg) translatez(2px);
transform-origin: top center;
background:black;
animation:rotar2 3s linear infinite;
-moz-animation:rotar2 3s linear infinite;
-webkit-animation:rotar2 3s linear infinite;
}
.fondo3 {
transform: rotateY(-300deg) translatez(3px);
-moz-transform: rotateY(-300deg) translatez(3px);
-webkit-transform: rotateY(-300deg) translatez(3px);
transform-origin: top center;
background:black;
animation:rotar3 3s linear infinite;
-moz-animation:rotar3 3s linear infinite;
-webkit-animation:rotar3 3s linear infinite;
}
.fondo4 {
transform: rotateY(-300deg) translatez(4px);
-moz-transform: rotateY(-300deg) translatez(4px);
-webkit-transform: rotateY(-300deg) translatez(4px);
transform-origin: top center;
background:black;
animation:rotar4 3s linear infinite;
-moz-animation:rotar4 3s linear infinite;
-webkit-animation:rotar4 3s linear infinite;
}
.fondo5 {
transform: rotateY(-300deg) translatez(5px);
-moz-transform: rotateY(-300deg) translatez(5px);
-webkit-transform: rotateY(-300deg) translatez(5px);
transform-origin: top center;
background:black;
animation:rotar5 3s linear infinite;
-moz-animation:rotar5 3s linear infinite;
-webkit-animation:rotar5 3s linear infinite;
}
.fondo6 {
transform: rotateY(-300deg) translatez(6px);
-moz-transform: rotateY(-300deg) translatez(6px);
-webkit-transform: rotateY(-300deg) translatez(6px);
transform-origin: top center;
background:black;
animation:rotar6 3s linear infinite;
-moz-animation:rotar6 3s linear infinite;
-webkit-animation:rotar6 3s linear infinite;
}
.fondo7 {
transform: rotateY(-300deg) translatez(7px);
-moz-transform: rotateY(-300deg) translatez(7px);
-webkit-transform: rotateY(-300deg) translatez(7px);
transform-origin: top center;
background:black;
animation:rotar7 3s linear infinite;
-moz-animation:rotar7 3s linear infinite;
-webkit-animation:rotar7 3s linear infinite;
}
.fondo8 {
transform: rotateY(-300deg) translatez(8px);
-moz-transform: rotateY(-300deg) translatez(8px);
-webkit-transform: rotateY(-300deg) translatez(8px);
transform-origin: top center;
background:black;
animation:rotar8 3s linear infinite;
-moz-animation:rotar8 3s linear infinite;
-webkit-animation:rotar8 3s linear infinite;
}
.fondo9 {
transform: rotateY(-300deg) translatez(9px);
-moz-transform: rotateY(-300deg) translatez(9px);
-webkit-transform: rotateY(-300deg) translatez(9px);
transform-origin: top center;
background:black;
animation:rotar9 3s linear infinite;
-moz-animation:rotar9 3s linear infinite;
-webkit-animation:rotar9 3s linear infinite;
}
.fondo10 {
transform: rotateY(-300deg) translatez(10px);
-moz-transform: rotateY(-300deg) translatez(10px);
-webkit-transform: rotateY(-300deg) translatez(10px);
transform-origin: top center;
background:black;
animation:rotar10 3s linear infinite;
-moz-animation:rotar10 3s linear infinite;
-webkit-animation:rotar10 3s linear infinite;
}
.fondo11 {
transform: rotateY(-300deg) translatez(11px);
-moz-transform: rotateY(-300deg) translatez(11px);
-webkit-transform: rotateY(-300deg) translatez(11px);
transform-origin: top center;
background:black;
animation:rotar11 3s linear infinite;
-moz-animation:rotar11 3s linear infinite;
-webkit-animation:rotar11 3s linear infinite;
}
.fondo12 {
transform: rotateY(-300deg) translatez(12px);
-moz-transform: rotateY(-300deg) translatez(12px);
-webkit-transform: rotateY(-300deg) translatez(12px);
transform-origin: top center;
background:#090909;
animation:rotar12 3s linear infinite;
-moz-animation:rotar12 3s linear infinite;
-webkit-animation:rotar12 3s linear infinite;
}
@keyframes rotar{
0%{ transform: rotateY(0deg) translatez(0px);
-moz-transform: rotateY(0deg) translatez(0px);
-webkit-transform: rotateY(0deg) translatez(0px);}
100%{ transform: rotateY(-360deg) translatez(0px);
-moz-transform: rotateY(-360deg) translatez(0px);
-webkit-transform: rotateY(-360deg) translatez(0px);}
}
@-moz-keyframes rotar{
0%{ transform: rotateY(0deg) translatez(0px);
-moz-transform: rotateY(0deg) translatez(0px);
-webkit-transform: rotateY(0deg) translatez(0px);}
100%{ transform: rotateY(-360deg) translatez(0px);
-moz-transform: rotateY(-360deg) translatez(0px);
-webkit-transform: rotateY(-360deg) translatez(0px);}
}
@-webkit-keyframes rotar{
0%{ transform: rotateY(0deg) translatez(0px);
-moz-transform: rotateY(0deg) translatez(0px);
-webkit-transform: rotateY(0deg) translatez(0px);}
100%{ transform: rotateY(-360deg) translatez(0px);
-moz-transform: rotateY(-360deg) translatez(0px);
-webkit-transform: rotateY(-360deg) translatez(0px);}
}
@keyframes rotar1{
0%{ transform: rotateY(0deg) translatez(1px);
-moz-transform: rotateY(0deg) translatez(1px);
-webkit-transform: rotateY(0deg) translatez(1px);}
100%{ transform: rotateY(-360deg) translatez(1px);
-moz-transform: rotateY(-360deg) translatez(1px);
-webkit-transform: rotateY(-360deg) translatez(1px);}
}
@-moz-keyframes rotar1{
0%{ transform: rotateY(0deg) translatez(1px);
-moz-transform: rotateY(0deg) translatez(1px);
-webkit-transform: rotateY(0deg) translatez(1px);}
100%{ transform: rotateY(-360deg) translatez(1px);
-moz-transform: rotateY(-360deg) translatez(1px);
-webkit-transform: rotateY(-360deg) translatez(1px);}
}
@-webkit-keyframes rotar1{
0%{ transform: rotateY(0deg) translatez(1px);
-moz-transform: rotateY(0deg) translatez(1px);
-webkit-transform: rotateY(0deg) translatez(1px);}
100%{ transform: rotateY(-360deg) translatez(1px);
-moz-transform: rotateY(-360deg) translatez(1px);
-webkit-transform: rotateY(-360deg) translatez(1px);}
}
@keyframes rotar2 {
0%{ transform: rotateY(0deg) translatez(2px);
-moz-transform: rotateY(0deg) translatez(2px);
-webkit-transform: rotateY(0deg) translatez(2px);}
100%{ transform: rotateY(-360deg) translatez(2px);
-moz-transform: rotateY(-360deg) translatez(2px);
-webkit-transform: rotateY(-360deg) translatez(2px);}
}
@-moz-keyframes rotar2 {
0%{ transform: rotateY(0deg) translatez(2px);
-moz-transform: rotateY(0deg) translatez(2px);
-webkit-transform: rotateY(0deg) translatez(2px);}
100%{ transform: rotateY(-360deg) translatez(2px);
-moz-transform: rotateY(-360deg) translatez(2px);
-webkit-transform: rotateY(-360deg) translatez(2px);}
}
@-webkit-keyframes rotar2 {
0%{ transform: rotateY(0deg) translatez(2px);
-moz-transform: rotateY(0deg) translatez(2px);
-webkit-transform: rotateY(0deg) translatez(2px);}
100%{ transform: rotateY(-360deg) translatez(2px);
-moz-transform: rotateY(-360deg) translatez(2px);
-webkit-transform: rotateY(-360deg) translatez(2px);}
}
@keyframes rotar3{
0%{ transform: rotateY(0deg) translatez(3px);
-moz-transform: rotateY(0deg) translatez(3px);
-webkit-transform: rotateY(0deg) translatez(3px);}
100%{ transform: rotateY(-360deg) translatez(3px);
-moz-transform: rotateY(-360deg) translatez(3px);
-webkit-transform: rotateY(-360deg) translatez(3px);}
}
@-moz-keyframes rotar3{
0%{ transform: rotateY(0deg) translatez(3px);
-moz-transform: rotateY(0deg) translatez(3px);
-webkit-transform: rotateY(0deg) translatez(3px);}
100%{ transform: rotateY(-360deg) translatez(3px);
-moz-transform: rotateY(-360deg) translatez(3px);
-webkit-transform: rotateY(-360deg) translatez(3px);}
}
@-webkit-keyframes rotar3{
0%{ transform: rotateY(0deg) translatez(3px);
-moz-transform: rotateY(0deg) translatez(3px);
-webkit-transform: rotateY(0deg) translatez(3px);}
100%{ transform: rotateY(-360deg) translatez(3px);
-moz-transform: rotateY(-360deg) translatez(3px);
-webkit-transform: rotateY(-360deg) translatez(3px);}
}
@keyframes rotar4 {
0%{ transform: rotateY(0deg) translatez(4px);
-moz-transform: rotateY(0deg) translatez(4px);
-webkit-transform: rotateY(0deg) translatez(4px);}
100%{ transform: rotateY(-360deg) translatez(4px);
-moz-transform: rotateY(-360deg) translatez(4px);
-webkit-transform: rotateY(-360deg) translatez(4px);}
}
@-moz-keyframes rotar4 {
0%{ transform: rotateY(0deg) translatez(4px);
-moz-transform: rotateY(0deg) translatez(4px);
-webkit-transform: rotateY(0deg) translatez(4px);}
100%{ transform: rotateY(-360deg) translatez(4px);
-moz-transform: rotateY(-360deg) translatez(4px);
-webkit-transform: rotateY(-360deg) translatez(4px);}
}
@-webkit-keyframes rotar4 {
0%{ transform: rotateY(0deg) translatez(4px);
-moz-transform: rotateY(0deg) translatez(4px);
-webkit-transform: rotateY(0deg) translatez(4px);}
100%{ transform: rotateY(-360deg) translatez(4px);
-moz-transform: rotateY(-360deg) translatez(4px);
-webkit-transform: rotateY(-360deg) translatez(4px);}
}
@keyframes rotar5 {
0%{ transform: rotateY(0deg) translatez(5px);
-moz-transform: rotateY(0deg) translatez(5px);
-webkit-transform: rotateY(0deg) translatez(5px);}
100%{ transform: rotateY(-360deg) translatez(5px);
-moz-transform: rotateY(-360deg) translatez(5px);
-webkit-transform: rotateY(-360deg) translatez(5px);}
}
@-moz-keyframes rotar5 {
0%{ transform: rotateY(0deg) translatez(5px);
-moz-transform: rotateY(0deg) translatez(5px);
-webkit-transform: rotateY(0deg) translatez(5px);}
100%{ transform: rotateY(-360deg) translatez(5px);
-moz-transform: rotateY(-360deg) translatez(5px);
-webkit-transform: rotateY(-360deg) translatez(5px);}
}
@-webkit-keyframes rotar5 {
0%{ transform: rotateY(0deg) translatez(5px);
-moz-transform: rotateY(0deg) translatez(5px);
-webkit-transform: rotateY(0deg) translatez(5px);}
100%{ transform: rotateY(-360deg) translatez(5px);
-moz-transform: rotateY(-360deg) translatez(5px);
-webkit-transform: rotateY(-360deg) translatez(5px);}
}
@keyframes rotar6{
0%{ transform: rotateY(0deg) translatez(6px);
-moz-transform: rotateY(0deg) translatez(6px);
-webkit-transform: rotateY(0deg) translatez(6px);}
100%{ transform: rotateY(-360deg) translatez(6px);
-moz-transform: rotateY(-360deg) translatez(6px);
-webkit-transform: rotateY(-360deg) translatez(6px);}
}
@-moz-keyframes rotar6{
0%{ transform: rotateY(0deg) translatez(6px);
-moz-transform: rotateY(0deg) translatez(6px);
-webkit-transform: rotateY(0deg) translatez(6px);}
100%{ transform: rotateY(-360deg) translatez(6px);
-moz-transform: rotateY(-360deg) translatez(6px);
-webkit-transform: rotateY(-360deg) translatez(6px);}
}
@-webkit-keyframes rotar6{
0%{ transform: rotateY(0deg) translatez(6px);
-moz-transform: rotateY(0deg) translatez(6px);
-webkit-transform: rotateY(0deg) translatez(6px);}
100%{ transform: rotateY(-360deg) translatez(6px);
-moz-transform: rotateY(-360deg) translatez(6px);
-webkit-transform: rotateY(-360deg) translatez(6px);}
}
@keyframes rotar7 {
0%{ transform: rotateY(0deg) translatez(7px);
-moz-transform: rotateY(0deg) translatez(7px);
-webkit-transform: rotateY(0deg) translatez(7px);}
100%{ transform: rotateY(-360deg) translatez(7px);
-moz-transform: rotateY(-360deg) translatez(7px);
-webkit-transform: rotateY(-360deg) translatez(7px);}
}
@-moz-keyframes rotar7 {
0%{ transform: rotateY(0deg) translatez(7px);
-moz-transform: rotateY(0deg) translatez(7px);
-webkit-transform: rotateY(0deg) translatez(7px);}
100%{ transform: rotateY(-360deg) translatez(7px);
-moz-transform: rotateY(-360deg) translatez(7px);
-webkit-transform: rotateY(-360deg) translatez(7px);}
}
@-webkit-keyframes rotar7 {
0%{ transform: rotateY(0deg) translatez(7px);
-moz-transform: rotateY(0deg) translatez(7px);
-webkit-transform: rotateY(0deg) translatez(7px);}
100%{ transform: rotateY(-360deg) translatez(7px);
-moz-transform: rotateY(-360deg) translatez(7px);
-webkit-transform: rotateY(-360deg) translatez(7px);}
}
@keyframes rotar8 {
0%{ transform: rotateY(0deg) translatez(8px);
-moz-transform: rotateY(0deg) translatez(8px);
-webkit-transform: rotateY(0deg) translatez(8px);}
100%{ transform: rotateY(-360deg) translatez(8px);
-moz-transform: rotateY(-360deg) translatez(8px);
-webkit-transform: rotateY(-360deg) translatez(8px);}
}
@-moz-keyframes rotar8 {
0%{ transform: rotateY(0deg) translatez(8px);
-moz-transform: rotateY(0deg) translatez(8px);
-webkit-transform: rotateY(0deg) translatez(8px);}
100%{ transform: rotateY(-360deg) translatez(8px);
-moz-transform: rotateY(-360deg) translatez(8px);
-webkit-transform: rotateY(-360deg) translatez(8px);}
}
@-webkit-keyframes rotar8 {
0%{ transform: rotateY(0deg) translatez(8px);
-moz-transform: rotateY(0deg) translatez(8px);
-webkit-transform: rotateY(0deg) translatez(8px);}
100%{ transform: rotateY(-360deg) translatez(8px);
-moz-transform: rotateY(-360deg) translatez(8px);
-webkit-transform: rotateY(-360deg) translatez(8px);}
}
@keyframes rotar9 {
0%{ transform: rotateY(0deg) translatez(9px);
-moz-transform: rotateY(0deg) translatez(9px);
-webkit-transform: rotateY(0deg) translatez(9px);}
100%{ transform: rotateY(-360deg) translatez(9px);
-moz-transform: rotateY(-360deg) translatez(9px);
-webkit-transform: rotateY(-360deg) translatez(9px);}
}
@-moz-keyframes rotar9 {
0%{ transform: rotateY(0deg) translatez(9px);
-moz-transform: rotateY(0deg) translatez(9px);
-webkit-transform: rotateY(0deg) translatez(9px);}
100%{ transform: rotateY(-360deg) translatez(9px);
-moz-transform: rotateY(-360deg) translatez(9px);
-webkit-transform: rotateY(-360deg) translatez(9px);}
}
@-webkit-keyframes rotar9 {
0%{ transform: rotateY(0deg) translatez(9px);
-moz-transform: rotateY(0deg) translatez(9px);
-webkit-transform: rotateY(0deg) translatez(9px);}
100%{ transform: rotateY(-360deg) translatez(9px);
-moz-transform: rotateY(-360deg) translatez(9px);
-webkit-transform: rotateY(-360deg) translatez(9px);}
}
@keyframes rotar10 {
0%{ transform: rotateY(0deg) translatez(10px);
-moz-transform: rotateY(0deg) translatez(10px);
-webkit-transform: rotateY(0deg) translatez(10px);}
100%{ transform: rotateY(-360deg) translatez(10px);
-moz-transform: rotateY(-360deg) translatez(10px);
-webkit-transform: rotateY(-360deg) translatez(10px);}
}
@-moz-keyframes rotar10 {
0%{ transform: rotateY(0deg) translatez(10px);
-moz-transform: rotateY(0deg) translatez(10px);
-webkit-transform: rotateY(0deg) translatez(10px);}
100%{ transform: rotateY(-360deg) translatez(10px);
-moz-transform: rotateY(-360deg) translatez(10px);
-webkit-transform: rotateY(-360deg) translatez(10px);}
}
@-webkit-keyframes rotar10 {
0%{ transform: rotateY(0deg) translatez(10px);
-moz-transform: rotateY(0deg) translatez(10px);
-webkit-transform: rotateY(0deg) translatez(10px);}
100%{ transform: rotateY(-360deg) translatez(10px);
-moz-transform: rotateY(-360deg) translatez(10px);
-webkit-transform: rotateY(-360deg) translatez(10px);}
}
@keyframes rotar11 {
0%{ transform: rotateY(0deg) translatez(11px);
-moz-transform: rotateY(0deg) translatez(11px);
-webkit-transform: rotateY(0deg) translatez(11px);}
100%{ transform: rotateY(-360deg) translatez(11px);
-moz-transform: rotateY(-360deg) translatez(11px);
-webkit-transform: rotateY(-360deg) translatez(11px);}
}
@-moz-keyframes rotar11 {
0%{ transform: rotateY(0deg) translatez(11px);
-moz-transform: rotateY(0deg) translatez(11px);
-webkit-transform: rotateY(0deg) translatez(11px);}
100%{ transform: rotateY(-360deg) translatez(11px);
-moz-transform: rotateY(-360deg) translatez(11px);
-webkit-transform: rotateY(-360deg) translatez(11px);}
}
@-webkit-keyframes rotar11 {
0%{ transform: rotateY(0deg) translatez(11px);
-moz-transform: rotateY(0deg) translatez(11px);
-webkit-transform: rotateY(0deg) translatez(11px);}
100%{ transform: rotateY(-360deg) translatez(11px);
-moz-transform: rotateY(-360deg) translatez(11px);
-webkit-transform: rotateY(-360deg) translatez(11px);}
}
@keyframes rotar12 {
0%{ transform: rotateY(0deg) translatez(12px);
-moz-transform: rotateY(0deg) translatez(12px);
-webkit-transform: rotateY(0deg) translatez(12px);}
100%{ transform: rotateY(-360deg) translatez(12px);
-moz-transform: rotateY(-360deg) translatez(12px);
-webkit-transform: rotateY(-360deg) translatez(12px);}
}
@-moz-keyframes rotar12 {
0%{ transform: rotateY(0deg) translatez(12px);
-moz-transform: rotateY(0deg) translatez(12px);
-webkit-transform: rotateY(0deg) translatez(12px);}
100%{ transform: rotateY(-360deg) translatez(12px);
-moz-transform: rotateY(-360deg) translatez(12px);
-webkit-transform: rotateY(-360deg) translatez(12px);}
}
@-webkit-keyframes rotar12 {
0%{ transform: rotateY(0deg) translatez(12px);
-moz-transform: rotateY(0deg) translatez(12px);
-webkit-transform: rotateY(0deg) translatez(12px);}
100%{ transform: rotateY(-360deg) translatez(12px);
-moz-transform: rotateY(-360deg) translatez(12px);
-webkit-transform: rotateY(-360deg) translatez(12px);}
}
@keyframes rotar13 {
0%{ transform: rotateY(0deg) translatez(13px);
-moz-transform: rotateY(0deg) translatez(13px);
-webkit-transform: rotateY(0deg) translatez(13px);}
100%{ transform: rotateY(-360deg) translatez(13px);
-moz-transform: rotateY(-360deg) translatez(13px);
-webkit-transform: rotateY(-360deg) translatez(13px);}
}
@-moz-keyframes rotar13 {
0%{ transform: rotateY(0deg) translatez(13px);
-moz-transform: rotateY(0deg) translatez(13px);
-webkit-transform: rotateY(0deg) translatez(13px);}
100%{ transform: rotateY(-360deg) translatez(13px);
-moz-transform: rotateY(-360deg) translatez(13px);
-webkit-transform: rotateY(-360deg) translatez(13px);}
}
@-webkit-keyframes rotar13 {
0%{ transform: rotateY(0deg) translatez(13px);
-moz-transform: rotateY(0deg) translatez(13px);
-webkit-transform: rotateY(0deg) translatez(13px);}
100%{ transform: rotateY(-360deg) translatez(13px);
-moz-transform: rotateY(-360deg) translatez(13px);
-webkit-transform: rotateY(-360deg) translatez(13px);}
}
@keyframes rotar14 {
0%{ transform: rotateY(0deg) translatez(14px);
-moz-transform: rotateY(0deg) translatez(14px);
-webkit-transform: rotateY(0deg) translatez(14px);}
100%{ transform: rotateY(-360deg) translatez(14px);
-moz-transform: rotateY(-360deg) translatez(14px);
-webkit-transform: rotateY(-360deg) translatez(14px);}
}
@-moz-keyframes rotar14 {
0%{ transform: rotateY(0deg) translatez(14px);
-moz-transform: rotateY(0deg) translatez(14px);
-webkit-transform: rotateY(0deg) translatez(14px);}
100%{ transform: rotateY(-360deg) translatez(14px);
-moz-transform: rotateY(-360deg) translatez(14px);
-webkit-transform: rotateY(-360deg) translatez(14px);}
}
@-webkit-keyframes rotar14 {
0%{ transform: rotateY(0deg) translatez(14px);
-moz-transform: rotateY(0deg) translatez(14px);
-webkit-transform: rotateY(0deg) translatez(14px);}
100%{ transform: rotateY(-360deg) translatez(14px);
-moz-transform: rotateY(-360deg) translatez(14px);
-webkit-transform: rotateY(-360deg) translatez(14px);}
}
@keyframes rotar15 {
0%{ transform: rotateY(0deg) translatez(15px);
-moz-transform: rotateY(0deg) translatez(15px);
-webkit-transform: rotateY(0deg) translatez(15px);}
100%{ transform: rotateY(-360deg) translatez(15px);
-moz-transform: rotateY(-360deg) translatez(15px);
-webkit-transform: rotateY(-360deg) translatez(15px);}
}
@-moz-keyframes rotar15 {
0%{ transform: rotateY(0deg) translatez(15px);
-moz-transform: rotateY(0deg) translatez(15px);
-webkit-transform: rotateY(0deg) translatez(15px);}
100%{ transform: rotateY(-360deg) translatez(15px);
-moz-transform: rotateY(-360deg) translatez(15px);
-webkit-transform: rotateY(-360deg) translatez(15px);}
}
@-webkit-keyframes rotar15 {
0%{ transform: rotateY(0deg) translatez(15px);
-moz-transform: rotateY(0deg) translatez(15px);
-webkit-transform: rotateY(0deg) translatez(15px);}
100%{ transform: rotateY(-360deg) translatez(15px);
-moz-transform: rotateY(-360deg) translatez(15px);
-webkit-transform: rotateY(-360deg) translatez(15px);}
}
@keyframes rotar16 {
0%{ transform: rotateY(0deg) translatez(16px);
-moz-transform: rotateY(0deg) translatez(16px);
-webkit-transform: rotateY(0deg) translatez(16px);}
100%{ transform: rotateY(-360deg) translatez(16px);
-moz-transform: rotateY(-360deg) translatez(16px);
-webkit-transform: rotateY(-360deg) translatez(16px);}
}
@-moz-keyframes rotar16 {
0%{ transform: rotateY(0deg) translatez(16px);
-moz-transform: rotateY(0deg) translatez(16px);
-webkit-transform: rotateY(0deg) translatez(16px);}
100%{ transform: rotateY(-360deg) translatez(16px);
-moz-transform: rotateY(-360deg) translatez(16px);
-webkit-transform: rotateY(-360deg) translatez(16px);}
}
@-webkit-keyframes rotar16 {
0%{ transform: rotateY(0deg) translatez(16px);
-moz-transform: rotateY(0deg) translatez(16px);
-webkit-transform: rotateY(0deg) translatez(16px);}
100%{ transform: rotateY(-360deg) translatez(16px);
-moz-transform: rotateY(-360deg) translatez(16px);
-webkit-transform: rotateY(-360deg) translatez(16px);}
}
@keyframes rotar17 {
0%{ transform: rotateY(0deg) translatez(17px);
-moz-transform: rotateY(0deg) translatez(17px);
-webkit-transform: rotateY(0deg) translatez(17px);}
100%{ transform: rotateY(-360deg) translatez(17px);
-moz-transform: rotateY(-360deg) translatez(17px);
-webkit-transform: rotateY(-360deg) translatez(17px);}
}
@-moz-keyframes rotar17 {
0%{ transform: rotateY(0deg) translatez(17px);
-moz-transform: rotateY(0deg) translatez(17px);
-webkit-transform: rotateY(0deg) translatez(17px);}
100%{ transform: rotateY(-360deg) translatez(17px);
-moz-transform: rotateY(-360deg) translatez(17px);
-webkit-transform: rotateY(-360deg) translatez(17px);}
}
@-webkit-keyframes rotar17 {
0%{ transform: rotateY(0deg) translatez(17px);
-moz-transform: rotateY(0deg) translatez(17px);
-webkit-transform: rotateY(0deg) translatez(17px);}
100%{ transform: rotateY(-360deg) translatez(17px);
-moz-transform: rotateY(-360deg) translatez(17px);
-webkit-transform: rotateY(-360deg) translatez(17px);}
}
@keyframes rotar18 {
0%{ transform: rotateY(0deg) translatez(18px);
-moz-transform: rotateY(0deg) translatez(18px);
-webkit-transform: rotateY(0deg) translatez(18px);}
100%{ transform: rotateY(-360deg) translatez(18px);
-moz-transform: rotateY(-360deg) translatez(18px);
-webkit-transform: rotateY(-360deg) translatez(18px);}
}
@-moz-keyframes rotar18 {
0%{ transform: rotateY(0deg) translatez(18px);
-moz-transform: rotateY(0deg) translatez(18px);
-webkit-transform: rotateY(0deg) translatez(18px);}
100%{ transform: rotateY(-360deg) translatez(18px);
-moz-transform: rotateY(-360deg) translatez(18px);
-webkit-transform: rotateY(-360deg) translatez(18px);}
}
@-webkit-keyframes rotar18 {
0%{ transform: rotateY(0deg) translatez(18px);
-moz-transform: rotateY(0deg) translatez(18px);
-webkit-transform: rotateY(0deg) translatez(18px);}
100%{ transform: rotateY(-360deg) translatez(18px);
-moz-transform: rotateY(-360deg) translatez(18px);
-webkit-transform: rotateY(-360deg) translatez(18px);}
}
@keyframes rotar19 {
0%{ transform: rotateY(0deg) translatez(19px);
-moz-transform: rotateY(0deg) translatez(19px);
-webkit-transform: rotateY(0deg) translatez(19px);}
100%{ transform: rotateY(-360deg) translatez(19px);
-moz-transform: rotateY(-360deg) translatez(19px);
-webkit-transform: rotateY(-360deg) translatez(19px);}
}
@-moz-keyframes rotar19 {
0%{ transform: rotateY(0deg) translatez(19px);
-moz-transform: rotateY(0deg) translatez(19px);
-webkit-transform: rotateY(0deg) translatez(19px);}
100%{ transform: rotateY(-360deg) translatez(19px);
-moz-transform: rotateY(-360deg) translatez(19px);
-webkit-transform: rotateY(-360deg) translatez(19px);}
}
@-webkit-keyframes rotar19 {
0%{ transform: rotateY(0deg) translatez(19px);
-moz-transform: rotateY(0deg) translatez(19px);
-webkit-transform: rotateY(0deg) translatez(19px);}
100%{ transform: rotateY(-360deg) translatez(19px);
-moz-transform: rotateY(-360deg) translatez(19px);
-webkit-transform: rotateY(-360deg) translatez(19px);}
}
@keyframes rotar20 {
0%{ transform: rotateY(0deg) translatez(20px);
-moz-transform: rotateY(0deg) translatez(20px);
-webkit-transform: rotateY(0deg) translatez(20px);}
100%{ transform: rotateY(-360deg) translatez(20px);
-moz-transform: rotateY(-360deg) translatez(20px);
-webkit-transform: rotateY(-360deg) translatez(20px);}
}
@-moz-keyframes rotar20 {
0%{ transform: rotateY(0deg) translatez(20px);
-moz-transform: rotateY(0deg) translatez(20px);
-webkit-transform: rotateY(0deg) translatez(20px);}
100%{ transform: rotateY(-360deg) translatez(20px);
-moz-transform: rotateY(-360deg) translatez(20px);
-webkit-transform: rotateY(-360deg) translatez(20px);}
}
@-webkit-keyframes rotar20 {
0%{ transform: rotateY(0deg) translatez(20px);
-moz-transform: rotateY(0deg) translatez(20px);
-webkit-transform: rotateY(0deg) translatez(20px);}
100%{ transform: rotateY(-360deg) translatez(20px);
-moz-transform: rotateY(-360deg) translatez(20px);
-webkit-transform: rotateY(-360deg) translatez(20px);}
}
@keyframes rotar21 {
0%{ transform: rotateY(0deg) translatez(21px);
-moz-transform: rotateY(0deg) translatez(21px);
-webkit-transform: rotateY(0deg) translatez(21px);}
100%{ transform: rotateY(-360deg) translatez(21px);
-moz-transform: rotateY(-360deg) translatez(21px);
-webkit-transform: rotateY(-360deg) translatez(21px);}
}
@-moz-keyframes rotar21 {
0%{ transform: rotateY(0deg) translatez(21px);
-moz-transform: rotateY(0deg) translatez(21px);
-webkit-transform: rotateY(0deg) translatez(21px);}
100%{ transform: rotateY(-360deg) translatez(21px);
-moz-transform: rotateY(-360deg) translatez(21px);
-webkit-transform: rotateY(-360deg) translatez(21px);}
}
@-webkit-keyframes rotar21 {
0%{ transform: rotateY(0deg) translatez(21px);
-moz-transform: rotateY(0deg) translatez(21px);
-webkit-transform: rotateY(0deg) translatez(21px);}
100%{ transform: rotateY(-360deg) translatez(21px);
-moz-transform: rotateY(-360deg) translatez(21px);
-webkit-transform: rotateY(-360deg) translatez(21px);}
}
@keyframes rotar30 {
0%{ transform: rotateY(0deg) translatez(22px);
-moz-transform: rotateY(0deg) translatez(22px);
-webkit-transform: rotateY(0deg) translatez(22px);}
100%{ transform: rotateY(-360deg) translatez(22px);
-moz-transform: rotateY(-360deg) translatez(22px);
-webkit-transform: rotateY(-360deg) translatez(22px);}
}
@-moz-keyframes rotar30 {
0%{ transform: rotateY(0deg) translatez(22px);
-moz-transform: rotateY(0deg) translatez(22px);
-webkit-transform: rotateY(0deg) translatez(22px);}
100%{ transform: rotateY(-360deg) translatez(22px);
-moz-transform: rotateY(-360deg) translatez(22px);
-webkit-transform: rotateY(-360deg) translatez(22px);}
}
@-webkit-keyframes rotar30 {
0%{ transform: rotateY(0deg) translatez(22px);
-moz-transform: rotateY(0deg) translatez(22px);
-webkit-transform: rotateY(0deg) translatez(22px);}
100%{ transform: rotateY(-360deg) translatez(22px);
-moz-transform: rotateY(-360deg) translatez(22px);
-webkit-transform: rotateY(-360deg) translatez(22px);}
}
@keyframes rotar31 {
0%{ transform: rotateY(0deg) translatez(23px);
-moz-transform: rotateY(0deg) translatez(23px);
-webkit-transform: rotateY(0deg) translatez(23px);}
100%{ transform: rotateY(-360deg) translatez(23px);
-moz-transform: rotateY(-360deg) translatez(23px);
-webkit-transform: rotateY(-360deg) translatez(23px);}
}
@-moz-keyframes rotar31 {
0%{ transform: rotateY(0deg) translatez(23px);
-moz-transform: rotateY(0deg) translatez(23px);
-webkit-transform: rotateY(0deg) translatez(23px);}
100%{ transform: rotateY(-360deg) translatez(23px);
-moz-transform: rotateY(-360deg) translatez(23px);
-webkit-transform: rotateY(-360deg) translatez(23px);}
}
@-webkit-keyframes rotar31 {
0%{ transform: rotateY(0deg) translatez(23px);
-moz-transform: rotateY(0deg) translatez(23px);
-webkit-transform: rotateY(0deg) translatez(23px);}
100%{ transform: rotateY(-360deg) translatez(23px);
-moz-transform: rotateY(-360deg) translatez(23px);
-webkit-transform: rotateY(-360deg) translatez(23px);}
}
@keyframes rotar32 {
0%{ transform: rotateY(0deg) translatez(24px);
-moz-transform: rotateY(0deg) translatez(24px);
-webkit-transform: rotateY(0deg) translatez(24px);}
100%{ transform: rotateY(-360deg) translatez(24px);
-moz-transform: rotateY(-360deg) translatez(24px);
-webkit-transform: rotateY(-360deg) translatez(24px);}
}
@-moz-keyframes rotar32 {
0%{ transform: rotateY(0deg) translatez(24px);
-moz-transform: rotateY(0deg) translatez(24px);
-webkit-transform: rotateY(0deg) translatez(24px);}
100%{ transform: rotateY(-360deg) translatez(24px);
-moz-transform: rotateY(-360deg) translatez(24px);
-webkit-transform: rotateY(-360deg) translatez(24px);}
}
@-webkit-keyframes rotar32 {
0%{ transform: rotateY(0deg) translatez(24px);
-moz-transform: rotateY(0deg) translatez(24px);
-webkit-transform: rotateY(0deg) translatez(24px);}
100%{ transform: rotateY(-360deg) translatez(24px);
-moz-transform: rotateY(-360deg) translatez(24px);
-webkit-transform: rotateY(-360deg) translatez(24px);}
}
@keyframes rotar33 {
0%{ transform: rotateY(0deg) translatez(25px);
-moz-transform: rotateY(0deg) translatez(25px);
-webkit-transform: rotateY(0deg) translatez(25px);}
100%{ transform: rotateY(-360deg) translatez(25px);
-moz-transform: rotateY(-360deg) translatez(25px);
-webkit-transform: rotateY(-360deg) translatez(25px);}
}
@-moz-keyframes rotar33 {
0%{ transform: rotateY(0deg) translatez(25px);
-moz-transform: rotateY(0deg) translatez(25px);
-webkit-transform: rotateY(0deg) translatez(25px);}
100%{ transform: rotateY(-360deg) translatez(25px);
-moz-transform: rotateY(-360deg) translatez(25px);
-webkit-transform: rotateY(-360deg) translatez(25px);}
}
@-webkit-keyframes rotar33 {
0%{ transform: rotateY(0deg) translatez(25px);
-moz-transform: rotateY(0deg) translatez(25px);
-webkit-transform: rotateY(0deg) translatez(25px);}
100%{ transform: rotateY(-360deg) translatez(25px);
-moz-transform: rotateY(-360deg) translatez(25px);
-webkit-transform: rotateY(-360deg) translatez(25px);}
}
@keyframes rotar34 {
0%{ transform: rotateY(0deg) translatez(13px);
-moz-transform: rotateY(0deg) translatez(13px);
-webkit-transform: rotateY(0deg) translatez(13px);}
100%{ transform: rotateY(-360deg) translatez(13px);
-moz-transform: rotateY(-360deg) translatez(13px);
-webkit-transform: rotateY(-360deg) translatez(13px);}
}
@-moz-keyframes rotar34 {
0%{ transform: rotateY(0deg) translatez(13px);
-moz-transform: rotateY(0deg) translatez(13px);
-webkit-transform: rotateY(0deg) translatez(13px);}
100%{ transform: rotateY(-360deg) translatez(13px);
-moz-transform: rotateY(-360deg) translatez(13px);
-webkit-transform: rotateY(-360deg) translatez(13px);}
}
@-webkit-keyframes rotar34 {
0%{ transform: rotateY(0deg) translatez(13px);
-moz-transform: rotateY(0deg) translatez(13px);
-webkit-transform: rotateY(0deg) translatez(13px);}
100%{ transform: rotateY(-360deg) translatez(13px);
-moz-transform: rotateY(-360deg) translatez(13px);
-webkit-transform: rotateY(-360deg) translatez(13px);}
}
@keyframes rotar35 {
0%{ transform: rotateY(0deg) translatez(12px);
-moz-transform: rotateY(0deg) translatez(12px);
-webkit-transform: rotateY(0deg) translatez(12px);}
100%{ transform: rotateY(-360deg) translatez(12px);
-moz-transform: rotateY(-360deg) translatez(12px);
-webkit-transform: rotateY(-360deg) translatez(12px);}
}
@-moz-keyframes rotar35 {
0%{ transform: rotateY(0deg) translatez(12px);
-moz-transform: rotateY(0deg) translatez(12px);
-webkit-transform: rotateY(0deg) translatez(12px);}
100%{ transform: rotateY(-360deg) translatez(12px);
-moz-transform: rotateY(-360deg) translatez(12px);
-webkit-transform: rotateY(-360deg) translatez(12px);}
}
@-webkit-keyframes rotar35 {
0%{ transform: rotateY(0deg) translatez(12px);
-moz-transform: rotateY(0deg) translatez(12px);
-webkit-transform: rotateY(0deg) translatez(12px);}
100%{ transform: rotateY(-360deg) translatez(12px);
-moz-transform: rotateY(-360deg) translatez(12px);
-webkit-transform: rotateY(-360deg) translatez(12px);}
}
@keyframes rotar36 {
0%{ transform: rotateY(0deg) translatez(11px);
-moz-transform: rotateY(0deg) translatez(11px);
-webkit-transform: rotateY(0deg) translatez(11px);}
100%{ transform: rotateY(-360deg) translatez(11px);
-moz-transform: rotateY(-360deg) translatez(11px);
-webkit-transform: rotateY(-360deg) translatez(11px);}
}
@-moz-keyframes rotar36 {
0%{ transform: rotateY(0deg) translatez(11px);
-moz-transform: rotateY(0deg) translatez(11px);
-webkit-transform: rotateY(0deg) translatez(11px);}
100%{ transform: rotateY(-360deg) translatez(11px);
-moz-transform: rotateY(-360deg) translatez(11px);
-webkit-transform: rotateY(-360deg) translatez(11px);}
}
@-webkit-keyframes rotar36 {
0%{ transform: rotateY(0deg) translatez(11px);
-moz-transform: rotateY(0deg) translatez(11px);
-webkit-transform: rotateY(0deg) translatez(11px);}
100%{ transform: rotateY(-360deg) translatez(11px);
-moz-transform: rotateY(-360deg) translatez(11px);
-webkit-transform: rotateY(-360deg) translatez(11px);}
}
@keyframes rotar37 {
0%{ transform: rotateY(0deg) translatez(10px);
-moz-transform: rotateY(0deg) translatez(10px);
webkit-transform: rotateY(0deg) translatez(10px);}
100%{ transform: rotateY(-360deg) translatez(10px);
-moz-transform: rotateY(-360deg) translatez(10px);
-webkit-transform: rotateY(-360deg) translatez(10px);}
}
@-moz-keyframes rotar37 {
0%{ transform: rotateY(0deg) translatez(10px);
-moz-transform: rotateY(0deg) translatez(10px);
webkit-transform: rotateY(0deg) translatez(10px);}
100%{ transform: rotateY(-360deg) translatez(10px);
-moz-transform: rotateY(-360deg) translatez(10px);
-webkit-transform: rotateY(-360deg) translatez(10px);}
}
@-webkit-keyframes rotar37 {
0%{ transform: rotateY(0deg) translatez(10px);
-moz-transform: rotateY(0deg) translatez(10px);
webkit-transform: rotateY(0deg) translatez(10px);}
100%{ transform: rotateY(-360deg) translatez(10px);
-moz-transform: rotateY(-360deg) translatez(10px);
-webkit-transform: rotateY(-360deg) translatez(10px);}
}
@keyframes rotar38 {
0%{ transform: rotateY(0deg) translatez(9px);
-moz-transform: rotateY(0deg) translatez(9px);
-webkit-transform: rotateY(0deg) translatez(9px);}
100%{ transform: rotateY(-360deg) translatez(9px);
-moz-transform: rotateY(-360deg) translatez(9px);
-webkit-transform: rotateY(-360deg) translatez(9px);}
}
@-moz-keyframes rotar38 {
0%{ transform: rotateY(0deg) translatez(9px);
-moz-transform: rotateY(0deg) translatez(9px);
-webkit-transform: rotateY(0deg) translatez(9px);}
100%{ transform: rotateY(-360deg) translatez(9px);
-moz-transform: rotateY(-360deg) translatez(9px);
-webkit-transform: rotateY(-360deg) translatez(9px);}
}
@-webkit-keyframes rotar38 {
0%{ transform: rotateY(0deg) translatez(9px);
-moz-transform: rotateY(0deg) translatez(9px);
-webkit-transform: rotateY(0deg) translatez(9px);}
100%{ transform: rotateY(-360deg) translatez(9px);
-moz-transform: rotateY(-360deg) translatez(9px);
-webkit-transform: rotateY(-360deg) translatez(9px);}
}
.base {
transform: rotateY(-300deg) translatez(13px);
-moz-transform: rotateY(-300deg) translatez(13px);
-webkit-transform: rotateY(-300deg) translatez(13px);
transform-origin: top center;
background:black;
animation:rotar13 3s linear infinite;
-moz-animation:rotar13 3s linear infinite;
-webkit-animation:rotar13 3s linear infinite;
}
.base1 {
transform: rotateY(-300deg) translatez(14px);
transform-origin: top center;
background:black;
animation:rotar14 3s linear infinite;
-moz-animation:rotar14 3s linear infinite;
-webkit-animation:rotar14 3s linear infinite;
}
.base2 {
transform: rotateY(-300deg) translatez(15px);
-moz-transform: rotateY(-300deg) translatez(15px);
-webkit-transform: rotateY(-300deg) translatez(15px);
transform-origin: top center;
background:black;
animation:rotar15 3s linear infinite;
-moz-animation:rotar15 3s linear infinite;
-webkit-animation:rotar15 3s linear infinite;
}
.base3 {
transform: rotateY(-300deg) translatez(16px);
-moz-transform: rotateY(-300deg) translatez(16px);
-webkit-transform: rotateY(-300deg) translatez(16px);
background:black;
animation:rotar16 3s linear infinite;
-moz-animation:rotar16 3s linear infinite;
-webkit-animation:rotar16 3s linear infinite;
}
.base4 {
transform: rotateY(-300deg) translatez(17px);
-moz-transform: rotateY(-300deg) translatez(17px);
-webkit-transform: rotateY(-300deg) translatez(17px);
background:black;
animation:rotar17 3s linear infinite;
-moz-animation:rotar17 3s linear infinite;
-webkit-animation:rotar17 3s linear infinite;
}
.base5 {
transform: rotateY(-300deg) translatez(18px);
-moz-transform: rotateY(-300deg) translatez(18px);
-webkit-transform: rotateY(-300deg) translatez(18px);
background:black;
animation:rotar18 3s linear infinite;
-moz-animation:rotar18 3s linear infinite;
-webkit-animation:rotar18 3s linear infinite;
}
.base6 {
transform: rotateY(-300deg) translatez(19px);
-moz-transform: rotateY(-300deg) translatez(19px);
-wwebkit-transform: rotateY(-300deg) translatez(19px);
background:black;
animation:rotar19 3s linear infinite;
-moz-animation:rotar19 3s linear infinite;
-webkit-animation:rotar19 3s linear infinite;
}
.base7 {
transform: rotateY(-300deg) translatez(20px);
-moz-transform: rotateY(-300deg) translatez(20px);
-webkit-transform: rotateY(-300deg) translatez(20px);
background:black;
animation:rotar20 3s linear infinite;
-moz-animation:rotar20 3s linear infinite;
-webkit-animation:rotar20 3s linear infinite;
}
.base8 {
transform: rotateY(-300deg) translatez(21px);
-moz-transform: rotateY(-300deg) translatez(21px);
-webkit-transform: rotateY(-300deg) translatez(21px);
background:black;
animation:rotar21 3s linear infinite;
-moz-animation:rotar21 3s linear infinite;
-webkit-animation:rotar21 3s linear infinite;
}
.basesitas {
transform: rotateY(-300deg) translatez(22px);
-moz-transform: rotateY(-300deg) translatez(22px);
-keyframes-transform: rotateY(-300deg) translatez(22px);
background:black;
animation:rotar30 3s linear infinite;
-moz-animation:rotar30 3s linear infinite;
-webkit-animation:rotar30 3s linear infinite;
}
.basesitas1 {
transform: rotateY(-300deg) translatez(23px);
-moz-transform: rotateY(-300deg) translatez(23px);
-webkit-transform: rotateY(-300deg) translatez(23px);
background:black;
animation:rotar31 3s linear infinite;
-moz-animation:rotar31 3s linear infinite;
-webkit-animation:rotar31 3s linear infinite;
}
.basesitas2 {
transform: rotateY(-300deg) translatez(24px);
-moz-transform: rotateY(-300deg) translatez(24px);
-webkit-transform: rotateY(-300deg) translatez(24px);
background:black;
animation:rotar32 3s linear infinite;
-moz-animation:rotar32 3s linear infinite;
-webkit-animation:rotar32 3s linear infinite;
}
.basesitas3 {
transform: rotateY(-300deg) translatez(25px);
background:black;
animation:rotar 3s linear infinite;
-moz-animation:rotar 3s linear infinite;
-webkit-animation:rotar33 3s linear infinite;
}
.basesitas4 {
transform: rotateY(-300deg) translatez(13px);
background:black;
animation:rotar 3s linear infinite;
-moz-animation:rotar 3s linear infinite;
-webkit-animation:rotar34 3s linear infinite;
}
.basesitas5 {
transform: rotateY(-300deg) translatez(12px);
-moz-transform: rotateY(-300deg) translatez(12px);
-webkit-transform: rotateY(-300deg) translatez(12px);
background:black;
animation:rotar35 3s linear infinite;
-moz-animation:rotar35 3s linear infinite;
-webkit-animation:rotar35 3s linear infinite;
}
.basesitas6 {
transform: rotateY(-300deg) translatez(11px);
-moz-transform: rotateY(-300deg) translatez(11px);
-webkit-transform: rotateY(-300deg) translatez(11px);
background:black;
animation:rotar36 3s linear infinite;
-moz-animation:rotar36 3s linear infinite;
-webkit-animation:rotar36 3s linear infinite;
}
.basesitas7 {
transform: rotateY(-300deg) translatez(10px);
-moz-transform: rotateY(-300deg) translatez(10px);
-webkit-transform: rotateY(-300deg) translatez(10px);
background:black;
animation:rota37 3s linear infinite;
-moz-animation:rotar37 3s linear infinite;
-webkit-animation:rotar37 3s linear infinite;
}
.basesitas8 {
transform: rotateY(-300deg) translatez(9px);
-moz-transform: rotateY(-300deg) translatez(9px);
-webkit-transform: rotateY(-300deg) translatez(9px);
background:black;
animation:rotar38 3s linear infinite;
-moz-animation:rotar38 3s linear infinite;
-webkit-animation:rotar38 3s linear infinite;
}
