Как заменить событие hover на событие загрузку страницы onLoad?

Кто знает как сделать, есть определёно событие hover в стилях css, при наведение на картинку она вертится и тухнет и на её месте появляется другая. Как сделать чтобы всё тоже самое выполнялось, только не при наведении, а при загрузке страницы автоматом?

вот что в css, происходит при наведение мыши, а надо чтобы автоматом при загрузке

.layer3 {

background: url(../images/logo1.png) 50% 50% no-repeat;

background-size: contain;

-moz-transition: 2.0s ease-in-out;

-ms-transition: 2.0s ease-in-out;

-o-transition: 2.0s ease-in-out;

transition: 2.0s ;

}

.layer3:hover{

background:url(../images/r.png) 50% 50% no-repeat;

background-size: contain;

-moz-transform: rotate(90deg); /* Для Firefox */

-ms-transform: rotate(90deg); /* Для IE */

-webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */

-o-transform: rotate(90deg); /* Для Opera */

transform: rotate(360deg);

-webkit-transition: 2.0s ease-in-out;

}