Кто знает как сделать, есть определёно событие 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;
}