.contener_box
{
-webkit-perspective: 5em;
-moz-perspective: 5em;
-ms-perspective: 5em;
perspective: 10em;
}
.box {
display: block;
width: 5em;
height: 5em;
margin: 10em auto;
-webkit-transform-style: preserve-3d;
-webkit-transition: transform 350ms;
-webkit-animation: spin 4s infinite linear;
-moz-transform-style: preserve-3d;
-moz-transition: transform 350ms;
-moz-animation: spin 4s infinite linear;
-ms-transform-style: preserve-3d;
-ms-transition: transform 350ms;
-ms-animation: spin 4s infinite linear;
transform-style: preserve-3d;
transition: transform 350ms;
animation: spin 4s infinite linear;
}
.box:before, .box:after, .box i, .box i:before, .box i:after {
content: '';
display: block;
width: 5em;
height: 5em;
position: absolute;
-webkit-animation: lighting 2s infinite linear;
-moz-animation: lighting 2s infinite linear;
-ms-animation: lighting 2s infinite linear;
animation: lighting 2s infinite linear;
}
