js implementa el efecto de rotación

1. Primero prepare un documento HTML y dos imágenes en el documento. A continuación, se rotarán las dos imágenes.

2. Luego defina algunos estilos para el contenido en HTML, como se muestra en la figura siguiente, principalmente los estilos título y ul.

3. A continuación, defina el ancho y el alto del li donde se encuentra la imagen, como se muestra en la siguiente figura.

4. Luego configure el efecto de transición para la imagen y use el atributo de transición para la transición, como se muestra en la siguiente figura.

5. Cuando el mouse esté sobre la imagen, establezca la deformación mediante rotación, como se muestra en la siguiente figura.

6. Finalmente, ejecute el programa y verá el efecto como se muestra en la imagen a continuación. Cuando el mouse se coloque sobre la imagen, girará en el sentido de las agujas del reloj o en el sentido contrario.