Powiększane zdjęcie po najechaniu myszą

[gora3]

Witam,

 

w którym miejscu szukać kodu, aby uzyskać efekt powiększonego zdjecia w ProductList na stronie głównej, po najechaniu na inego myszą?

 

Szukałem po wpisach hover w productlist.css, ale nie udało mi się nic zmienić.

[design4VIP]

poszukaj opisy (tutoriali) nt. CSS - 'transition' (pamietajac o -webkit) dla plynnego przjescia oraz 'transform' dla uzyskania efektu

[gora3]

Ok, dzięki,

 

tylko w którym miejscu można do dostawić do kodu? Chodzi mi o fragment odpowiedzialny za HOVER

[gora3]

Niestety nie mogę znaleźć kodu, który pozwoli zmienić wygląd pola produktu po najechaniu myszą, czyto jest w css czy jakimś JS, albo jQuery?

[vekia]

Niestety nie mogę znaleźć kodu, który pozwoli zmienić wygląd pola produktu po najechaniu myszą, czyto jest w css czy jakimś JS, albo jQuery?

 

 

prosty kod na powiększanie zdjęcia

.product_img_link {overflow:none;}
.product_img_link img { transition: all .2s ease-in-out; }
.product_img_link img:hover { transform: scale(1.2); }

[design4VIP]

 

prosty kod na powiększanie zdjęcia

.product_img_link {overflow:none;}
.product_img_link img { transition: all .2s ease-in-out; }
.product_img_link img:hover { transform: scale(1.2); }

z tym 'tansition' bym uwazal jak pisalem wczesniej, nalezy pamietac rowniez o kompatybilnosci z innymi przegladarkami (-webkit)

[vekia]

od ie9 w górę jest wspierane, a w pozostałych przeglądarkach od dawna
jak ktoś korzysta z ie8 to należy go wykluczyć z internetów ;-)