Przesuwanie się ikony po najechaniu myszką (HTML, CSS)

[Gość Kamillo]

Witam,

 

Po utworzeniu takiego efektu (link) coś szwankuje w przeglądarce Firefox oraz IE.

 

Firefox: Po najechaniu na jedną kolumnę ikona po całkowitym powiększeniu się przesuwa się najpierw w prawo, a później w lewo.

 

IE: Tutaj dzieje się tak, że np. najpierw przesuwa się w górę, a później w dół.

 

Link: http://tnij.org/votwptv

 

Jak rozwiązać ten problem? Da się coś z tym zrobić?

 

Pozdrawiam.

[kori 29]

opera12 jakoś obrazki twoje krzaczy po opuszczeniu obrazka

ie9 bardzo długo ładowało stronę, ale obrazki sie nie pojawily

Edytowano Lipiec 18, 2016 przez kori (zobacz historię edycji)

[Gość Kamillo]

Zaktualizuj do 38 i 11.

Jak ktoś wie jak rozwiązać problem, który opisałem w 1 poście, proszę o radę.

[kori 29]

najnowsza opera to: 12.18 (2016-02-15 11:24:00), te inne to tylko klony chrome

ie wyższe niż 9 mają skopany debuger, więc aktualizacja nie ma dla mnie sensu

[SterownikPLC 0]

W Chrome Wersja 51.0.2704.103 m (64-bit) wszystko działa elegancko

[maniack 403]

.

Edytowano Wrzesień 13, 2017 przez maniack (zobacz historię edycji)

[Gość]

Pozostaje Ci jedynie się z tym pogodzić. FF i IE mają problemy z renderowaniem subpikseli podczas animacji. O ile w przypadku FF jest jakaś szansa na poprawę (ostatnio udało im się poprawić skakanie obracanych elementów - wcześniej ikonka spinnera z fontawesome wyglądała jakby miała atak epilepsji), o tyle w IE już lepiej nie będzie.

 

A może jednak jest jakaś mała nadzieja. Dla testu sprawdziłem inne wartości klasy transfrom i chyba taka zmiana:

.col:hover .icon_col {
    transform: scale(1.13);
}

Rozwiązuje problem, przynajmniej tak mi się wydaje. W innych przeglądarkach, czyli Opera oraz Vivaldi trzeba dodać 1.15 (choć raczej nie do końca eliminuje problem, ale zdecydowanie lepiej niż z inną wartością). W IE nie sprawdzałem. Dziwne również, że w Chrome to działa (nie mam tej przeglądarki). Jeśli masz Firefox i mógłby to sprawdzić byłbym wdzięczny

 

Niektórzy twierdzą, że dodanie do obrotu o ułamki kąta (np: transform: scale(1.1) rotate(0.01deg);) niweluje znacznie to skakanie, ale ja osobiście nie widzę żadnej różnicy.

 

Też nie widzę różnicy.

[Fizyda 34]

1.13/1.15 w firefoxie chyba usunęło problem, możliwe że jest minimalny, ale nie wykluczam, że mi się już wydaje.

[maniack 403]

.

Edytowano Wrzesień 13, 2017 przez maniack (zobacz historię edycji)

[Gość Kamillo]

Dzięki Panowie.

Do zamknięcia!