Powiększanie się obrazka na stronie

Cześć,
Znalazłem przykład css-a który odpowiada za powiększanie się obrazka na stronie. Problem w tym że ten obrazek, zresztą zgodnie z przykładem, powiększa się po najechaniu na niego kursorem. Czy mogę prosić o podpowiedź, który element w tym cssie odpowiada właśnie za najechanie na obrazek kursorem? Chciałbym go tak przerobić aby ten obrazek powiększał się sam przez np 3s bez konieczności najeżdżania na niego kursorem.

.przyklad{
    overflow: hidden;
    padding: 0;
    width: 300px;
    height: 300px;
border:1px solid #000;
}
.przyklad img {
    transition-duration: 3s;
    margin: 0 auto;
    display: block;
}
.przyklad img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    z-index: 0;
}

edit
Ok, trochę poczytałem i odpowiada za to selektor hover. Tylko teraz zastanawiam się czy można go zastąpić.

bardziej opisz co chcesz osiągnąć.

Chyba o coś takiego chodzi?

https://jsfiddle.net/u4mp1kr0/