Possible to customize the little Anvil spinny ball?

Anvil Q&A
7

Hi folks,

Just in case anyone is still looking for a clean solution to this, try adding the following to your app CSS:

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
#loadingSpinner {
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
    width: 100px;
    height:100px;
    border-radius: 0;
    box-shadow: none;/*0px 0px 10px 10px #fcfcfc;*/
    background-color: transparent;
    background-image: url(https://i.imgur.com/JPttykR.gif) !important;
}

Hopefully it should be reasonably obvious how to customise!

15 Likes