Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Transition, lagi na tablecie
rafik73
post 18.04.2015, 14:09:18
Post #1





Grupa: Zarejestrowani
Postów: 182
Pomógł: 0
Dołączył: 19.03.2014

Ostrzeżenie: (0%)
-----


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ć?
Go to the top of the page
+Quote Post
goartur
post 18.04.2015, 15:08:17
Post #2





Grupa: Zarejestrowani
Postów: 233
Pomógł: 27
Dołączył: 19.10.2014

Ostrzeżenie: (0%)
-----


Mozliwe ze musisz uzyc webkita.
Go to the top of the page
+Quote Post
rafik73
post 18.04.2015, 16:45:22
Post #3





Grupa: Zarejestrowani
Postów: 182
Pomógł: 0
Dołączył: 19.03.2014

Ostrzeżenie: (0%)
-----


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:

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 13.07.2025 - 16:49