【Tutoriales】Efecto imágenes rotación

¡Hola a todos y bienvenidos a una nueva entrada! ^3^ Hoy os traigo un nuevo tutorial n_n 

Os enseñare como poner un efecto para las imágenes súper chulo :'D

Primero, lo que tenemos que hacer es ir a:

Plantilla > Editar Html > Ctrl + F > Buscamos ]]></b:skin>

Y pegamos antes de éste código el siguiente:

.post-body img {

border-radius: 0px;

-webkit-transition: all 1.2s ease;

-moz-transition: all 1.2s ease;

-o-transition: all 1.2s ease;

-ms-transition: all 1.2s ease;

transition: all 1.2s ease;

}

.post-body img:hover {

 border-radius: 0%;

 -webkit-filter: grayscale(0%);

-webkit-transform: rotate(360deg);

-moz-transform: rotate(360deg);

 -o-transform: rotate(360deg);

-ms-transform: rotate(360deg);

transform: rotate(360deg);

}

Espero que os haya gustado mucho éste tutorial, y que os sirva de mucha utilidad. Nos vemos en la próxima entrada, ¡Adiós!