Skip to content

Instantly share code, notes, and snippets.

@lirongfei123
Created September 21, 2016 08:40
Show Gist options
  • Save lirongfei123/197176177be4d032b69ab0ad03f8da4c to your computer and use it in GitHub Desktop.
Save lirongfei123/197176177be4d032b69ab0ad03f8da4c to your computer and use it in GitHub Desktop.
.submiting {
position:relative;
text-indent: -110026px;
background:#5ba4e5;
&:before{
content: "";
position: absolute;
width: 6px;
height: 6px;
border: 4px solid rgba(0,0,0,.2);
border-radius: 10px;
top: 50%;
margin-top: -7px;
left: 50%;
margin-left: -7px;
}
&:after {
content: "";
position: absolute;
width: 3px;
height: 3px;
background: rgba(0,0,0,.6);
border-radius: 100px;
top: 50%;
margin-top: 2px;
left: 50%;
margin-left: 2px;
animation: submiting 1s linear infinite;
transform-origin: -2px -2px;
}
}
@keyframes submiting {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment