• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Dziwny efekt odbicia/bounce po najechaniu na obrazek w Chrome

VPS Starter Arubacloud
0 głosów
230 wizyt
pytanie zadane 29 sierpnia 2015 w HTML i CSS przez testerius Pasjonat (23,960 p.)
zamknięte 29 sierpnia 2015 przez testerius

Hej, ostatnio siedząc przy projekcie strony typu onepage zauważyłem dziwny efekt po najechaniu na obrazek. Kompletnie nie wiem dlaczego tak się dzieje i dlaczego akurat na jednym obrazku (w konkretnej rozdzielczości) a nie wszystkich więc zwracam się z prośbą o pomoc.

Na początku jednak kilka informacji:

- odbicie albo jak kto woli małe "bounce", lekkie przesunięcie obrazka występuje na drugim w drugim wierszu (The Current State of WordPress) przy rozdzielczości 1920x1080 jednak gdy zacznie się zmniejszać ekran to pojawia się na pierwszym oraz trzecim z drugiego rzędu

- po usunięciu transition nie ma tego upierdliwego przesunięcia ale nie o to mi chodzi, w końcu transition musi być

- problem najprawdopodobniej występuje wyłącznie w Chrome, ponieważ sprawdzając demko w Firefox Dev działa bardzo dobrze i nie ma lekkiego przesunięcia

- demo a tutaj na całą stronę

Ok to tyle, jak macie jakieś pomysły to piszcie koniecznie, może wiecie coś o czym jeszcze nie słyszałem. :P

komentarz zamknięcia: Rozwiązane.

1 odpowiedź

+1 głos
odpowiedź 29 sierpnia 2015 przez rafal.budzis Szeryf (85,260 p.)
W transition określasz co ma być animowane zamiast dawać all daj tylko opacity problem pewnie zmiknie skoro jak mówisz wynika z transition.
komentarz 29 sierpnia 2015 przez testerius Pasjonat (23,960 p.)

Niestety nie pomogło, ale znalazłem już rozwiązanie. Dodanie do img:

-webkit-backface-visibility: hidden;

pomogło.

Podobne pytania

+1 głos
1 odpowiedź 109 wizyt
pytanie zadane 23 października 2023 w HTML i CSS przez new_user Użytkownik (610 p.)
0 głosów
2 odpowiedzi 243 wizyt
0 głosów
1 odpowiedź 280 wizyt

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...