HTML: CSS Spinner

I found and implemented a nice example of a css spinner that is super portable. It’s just a base64’d animated gif placed in css as a background image:

https://codepen.io/davebra/pen/KyaEJM

You just place a div on the page:

<div class="spinnerBase64"></div>

And add some CSS:

.spinnerBase64 {
	min-width: 32px;
	min-height: 32px;
	background-repeat: no-repeat;
	background-image: url(data:image/gif;base64,R0lGOl...1S0IAs=);
}

I shortened the base64 string to make the example simple…

1 Like