Cómo usar CSS para voltear imágenes

Tome el giro de una imagen a doble cara como ejemplo:

Método 1:

1. El código del método para implementar el estilo CSS es el siguiente.

2. El código del método para implementar el diseño del front-end es el siguiente.

3. El código de estilo CSS para voltear imágenes es el siguiente.

Método 2:

1. El código del método para lograr los efectos HTML antes y después es el siguiente.

2. Método de implementación del código de estilo CSS.

3. Luego, el código del método para lograr el giro vertical es el siguiente.