Skip to content

Instantly share code, notes, and snippets.

@mattradford

mattradford/gravity_spinner_css

Created June 17, 2016 13:54
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save mattradford/76a882097063857769eb7f14f3c3c5bd to your computer and use it in GitHub Desktop.
Save mattradford/76a882097063857769eb7f14f3c3c5bd to your computer and use it in GitHub Desktop.
Download ZIP
Gravity Forms replacement spinner
Raw
gravity_spinner_css
.gform_ajax_spinner {
margin-left: 20px; /* give it some space from the Submit button */
border: 4px solid rgba(255, 255, 255, 0.3); /* match with border-left */
border-left: 4px solid gold;
animation: spinner 1.1s infinite linear;
border-radius: 50%;
width: 30px; /* match with height for a circle */
height: 30px;
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@mklasen
Copy link

mklasen commented May 1, 2017

Useful - thanks. :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment