Header Que Se Mueve 360 [Grados]

Oka bueno chicas seguro ya han notado desde hace un buen tiempo que mi header hace un movimiento de 180 grados okiis ahora qui el tuto ^^

muy sencillito como todos los tutos que aqui pongo xD empezemos:

nos vamos a Diseno  Edicion de HTML  Editar Plantilla

Pulsamos CTRL + la tecla F y buscamos este codigo

/* Header
----------------------------------------------- */

y justo abajo pegamos el siguiente codigo:

.header{

margin-top:30px;

margin-left:0px;

-webkit-transition:2s;

}

.header:hover {

-webkit-transform: rotatey(360deg);

-webkit-transition-duration: 2s;

}

da vista previa y guardar

asi quedaria:



notita: el efecto se mira mejOr en google chrome y el mozilla version actualizada okis ^^