Skocz do zawartości
Gość Kamillo

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

Polecane posty

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.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

opera12 jakoś obrazki twoje krzaczy po opuszczeniu obrazka

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

post-12601-0-93856300-1468850889_thumb.jpg

Edytowano przez kori (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
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ę.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

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

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
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.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

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

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się


×