Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
CSS3 spinner
@keyframes rotate{
from{
transform:rotate(0deg) translate(-10px) rotate(0deg);
background-color:green;
}
to{
transform:rotate(360deg) translate(-10px) rotate(-360deg);
background-color:yellow;
}
}
.spinner{
position:relative;
top:0;
left:10px;
display:inline-block;
width:8px;
height:8px;
background-color:#green;
border-radius:5px;
animation:.2s rotate infinite linear;
}
CSS3 spinner <div class=spinner></div>
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.