¿Cómo animar el efecto de rotación del anillo en css3?

2. Luego escriba la estructura html. Solo se necesita un elemento div y el nombre de la clase es img.

3. Establezca el borde en un color diferente y el ancho del borde en 100 px.

4. Debido a que es un anillo, usamos el efecto de esquina redondeada de CSS3 y configuramos la esquina redondeada al 50%, es decir, radio de borde: 50%. Vea el efecto.

5. El siguiente paso crítico es agregar efectos de animación. Ingrese el siguiente código

6. Echemos un vistazo al efecto final. Sigue siendo bueno.