En Internet Explorer, esta animación parece tambalearse. Estaba leyendo la respuesta aesta pregunta y lo hicieron sonar como si fuera posible arreglarlo.

Realmente no puedo usar una imagen ya que el radio del borde no es constante, y preferiría no usar un gif animado.

Entiendo que 'bamboleo' no es una muy buena descripción, pero no puedo pensar en ninguna otra palabra para describirlo. No lo he probado con Opera / Safari, por lo que si tiene alguno de ellos, me gustaría saber si se muestran correctamente o si también tienen el problema. Ejecute el siguiente fragmento en Chrome / Firefox y compárelo con el fragmento en Internet Explorer:

@keyframes spin{
	0% {transform:rotateZ(0deg);}
	50% {transform:rotateZ(360deg);border-radius:60%;}
	100%{transform:rotateZ(720deg);}
}
@-webkit-keyframes spin{
	0% {transform:rotateZ(0deg);}
	50% {transform:rotateZ(360deg);border-radius:60%;}
	100%{transform:rotateZ(720deg);}
}
@-moz-keyframes spin{
	0% {transform:rotateZ(0deg);}
	50% {transform:rotateZ(360deg);border-radius:60%;}
	100%{transform:rotateZ(720deg);}
}
@-ms-keyframes spin{
	0% {transform:rotateZ(0deg);}
	50% {transform:rotateZ(360deg);border-radius:60%;}
	100%{transform:rotateZ(720deg);}
}
@-o-keyframes spin{
	0% {transform:rotateZ(0deg);}
	50% {transform:rotateZ(360deg);border-radius:60%;}
	100%{transform:rotateZ(720deg);}
}
#spinme{
	display:inline-block;
	position:relative;
	left:0;
	top:0;
	margin:0.2rem;
	width:0.8rem;
	height:0.8rem;
	border:0.2rem solid black;
	border-radius:0;
	outline: 1px solid transparent; /* require to remove jagged edges in firefox */
	transform:rotateZ(0deg);
	animation: spin infinite 4s;
	-webkit-animation: spin infinite 4s;
	-moz-animation: spin infinite 4s;
	-ms-animation: spin infinite 4s;
	-o-animation: spin infinite 4s;
}
#spinme:nth-child(2){animation-delay:0.06s}
#spinme:nth-child(3){animation-delay:0.12s}
#spinme:nth-child(4){animation-delay:0.18s}

<div id="spinme"></div>
<div id="spinme"></div>
<div id="spinme"></div>
<div id="spinme"></div>

losoutline truco para arreglar el borde afilado vino deesta respuesta.

Como pregunta secundaria, y por curiosidad, ¿cuál de esos prefijos se requieren realmente? Estaba mirando elrequisitos de compatibilidadpara que funcione en navegadores antiguos, pero solo menciona el-webkit prefijo: ninguno de los-moz,-ms o-o Parece que se necesitan prefijos para cualquier versión de navegador.

También acabo de comprobardebe corregir y parecen estar de acuerdo con caniuse, pero dado lo similares que son los nombres, pensé que la misma comunidad / compañía podría ejecutar ambos sitios web. ¿Debo eliminar los otros prefijos?