Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Transition, lagi na tablecie
Forum PHP.pl > Forum > Przedszkole
rafik73
Witam
Mam taki problem, zrobiłem w CSS wysuwane menu:

  1. #metro_main_osoby_slidemenu
  2. {
  3. height:40px;
  4. float : left;
  5. width : 770px;
  6. transition-property:height;
  7. transition-duration:0.5s;
  8. transition-timing-function: linear;
  9. }
  10.  
  11. #metro_main_osoby_slidemenu:hover
  12. {
  13. height:190px;
  14. }


Na laptopie chodzi płynnie, lecz na tablecie Galaxy Tab S 8.4
pod Chrome już nie jest tak kolorowo. Menu wysuwa się z zacięciami, jakby było
"nienasmarowane" :-)
Jak można to poprawić?
goartur
Mozliwe ze musisz uzyc webkita.
rafik73
Próbowałem, bez rezultatu, zresztą, z Chrome nie powinno być problemu:
http://caniuse.com/#feat=css-transitions

Jeszcze jedno, na IE 11 i na FF chodzi bezbłędnie, tzn. hover działa po najechaniu
na wystający fragment menu, a na Chrome działa już po najechaniu na jego zakres,
czyli tak jakby "widział" zasłonięty element

Może to bardziej zobrazuję, zielonka strzałka to miejsce, w którym
zaczyna działać hover na Chrome a czerwona to IE 11 i FF.
-widok przed wysunięciem menu:

-a tu po wysunięciu:

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.