Powiększanie się obrazka na stronie

Powiększanie się obrazka na stronie
K9
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 6
0

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.

Kopiuj
.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ć.

mr_jaro
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Grudziądz/Bydgoszcz
  • Postów: 5300
1

bardziej opisz co chcesz osiągnąć.

NewUser2k13
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 217
2

Chyba o coś takiego chodzi?

https://jsfiddle.net/u4mp1kr0/

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.