Skip to content

Instantly share code, notes, and snippets.

@djom202
Created July 9, 2015 13:49
Show Gist options
  • Select an option

  • Save djom202/6d060f43a9dc2532236e to your computer and use it in GitHub Desktop.

Select an option

Save djom202/6d060f43a9dc2532236e to your computer and use it in GitHub Desktop.
Spinner CSS3
.spinner {
width: 40px;
height: 40px;
margin: 50px auto;
background-color: #555;
border-radius: 100%;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out;
}
.white_spinner {
background-color:white
}
@-webkit-keyframes scaleout {
from {
-webkit-transform:scale(0.0)
}
100% {
-webkit-transform:scale(1.0);
opacity:0
}
}
@keyframes scaleout {
from {
transform:scale(0.0)
}
100% {
transform:scale(1.0);
opacity:0
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment