You are on page 1of 2

.

sphere {
display: block;
width: 1em;
height: 100%;
border-radius: 50%;
background: linear-gradient(#EEE, #DDD) repeat scroll 0% 0% transparent;
box-shadow: 0px 0.15em 0.1em rgba(255, 255, 255, 0.3) inset, 0px -0.1em 0.15
em rgba(0, 0, 0, 0.15) inset, 0px 0px 0.25em rgba(0, 0, 0, 0.3);
animation: 1.75s ease-in-out 0s alternate none infinite running slide;
}.sphere {
display: block;
width: 1em;
height: 100%;
border-radius: 50%;
background: linear-gradient(#EEE, #DDD) repeat scroll 0% 0% transparent;
box-shadow: 0px 0.15em 0.1em rgba(255, 255, 255, 0.3) inset, 0px -0.1em 0.15
em rgba(0, 0, 0, 0.15) inset, 0px 0px 0.25em rgba(0, 0, 0, 0.3);
animation: 1.75s ease-in-out 0s alternate none infinite running slide;
}.sphere {
display: block;
width: 1em;
height: 100%;
border-radius: 50%;
background: linear-gradient(#EEE, #DDD) repeat scroll 0% 0% transparent;
box-shadow: 0px 0.15em 0.1em rgba(255, 255, 255, 0.3) inset, 0px -0.1em 0.15
em rgba(0, 0, 0, 0.15) inset, 0px 0px 0.25em rgba(0, 0, 0, 0.3);
animation: 1.75s ease-in-out 0s alternate none infinite running slide;
}.sphere {
display: block;
width: 1em;
height: 100%;
border-radius: 50%;
background: linear-gradient(#EEE, #DDD) repeat scroll 0% 0% transparent;
box-shadow: 0px 0.15em 0.1em rgba(255, 255, 255, 0.3) inset, 0px -0.1em 0.15
em rgba(0, 0, 0, 0.15) inset, 0px 0px 0.25em rgba(0, 0, 0, 0.3);
animation: 1.75s ease-in-out 0s alternate none infinite running slide;
}.sphere {
display: block;
width: 1em;
height: 100%;
border-radius: 50%;
background: linear-gradient(#EEE, #DDD) repeat scroll 0% 0% transparent;
box-shadow: 0px 0.15em 0.1em rgba(255, 255, 255, 0.3) inset, 0px -0.1em 0.15
em rgba(0, 0, 0, 0.15) inset, 0px 0px 0.25em rgba(0, 0, 0, 0.3);
animation: 1.75s ease-in-out 0s alternate none infinite running slide;
}.sphere {
display: block;
width: 1em;
height: 100%;
border-radius: 50%;
background: linear-gradient(#EEE, #DDD) repeat scroll 0% 0% transparent;
box-shadow: 0px 0.15em 0.1em rgba(255, 255, 255, 0.3) inset, 0px -0.1em 0.15
em rgba(0, 0, 0, 0.15) inset, 0px 0px 0.25em rgba(0, 0, 0, 0.3);
animation: 1.75s ease-in-out 0s alternate none infinite running slide;
}.sphere {
display: block;
width: 1em;
height: 100%;
border-radius: 50%;
background: linear-gradient(#EEE, #DDD) repeat scroll 0% 0% transparent;

box-shadow: 0px 0.15em 0.1em rgba(255, 255, 255, 0.3) inset, 0px -0.1em 0.15
em rgba(0, 0, 0, 0.15) inset, 0px 0px 0.25em rgba(0, 0, 0, 0.3);
animation: 1.75s ease-in-out 0s alternate none infinite running slide;
}.sphere {
display: block;
width: 1em;
height: 100%;
border-radius: 50%;
background: linear-gradient(#EEE, #DDD) repeat scroll 0% 0% transparent;
box-shadow: 0px 0.15em 0.1em rgba(255, 255, 255, 0.3) inset, 0px -0.1em 0.15
em rgba(0, 0, 0, 0.15) inset, 0px 0px 0.25em rgba(0, 0, 0, 0.3);
animation: 1.75s ease-in-out 0s alternate none infinite running slide;
}.sphere {
display: block;
width: 1em;
height: 100%;
border-radius: 50%;
background: linear-gradient(#EEE, #DDD) repeat scroll 0% 0% transparent;
box-shadow: 0px 0.15em 0.1em rgba(255, 255, 255, 0.3) inset, 0px -0.1em 0.15
em rgba(0, 0, 0, 0.15) inset, 0px 0px 0.25em rgba(0, 0, 0, 0.3);
animation: 1.75s ease-in-out 0s alternate none infinite running slide;
}.sphere {
display: block;
width: 1em;
height: 100%;
border-radius: 50%;
background: linear-gradient(#EEE, #DDD) repeat scroll 0% 0% transparent;
box-shadow: 0px 0.15em 0.1em rgba(255, 255, 255, 0.3) inset, 0px -0.1em 0.15
em rgba(0, 0, 0, 0.15) inset, 0px 0px 0.25em rgba(0, 0, 0, 0.3);
animation: 1.75s ease-in-out 0s alternate none infinite running slide;
}

You might also like