Zacinanie przy :hover

0

Witam,
mam taki kod, ale kiedy po opuszczeniu diva przez mysz szerokość się zmniejsza, animacja się na chwilę zacina. Jak mogę temu zapobiec?

0

Nie jestem przekonany, czy rzeczywiście zacina się. Może to złudzenie, wynikające z szybszego usunięcia tekstu niż zmniejszenia szerokości kontenera?


UPDATE:

A nawet może nie chodzić o wizualny efekt, a o rzeczywiste zużycie przez przeglądarkę czasu na wyrenderowanie nowego tekstu.

Poza tym... Co prawda jeszcze nie umiem tego obsługiwać, ale skorzystałem z takiego narzędzia w Firefoksie o nazwie Performance. Z dokładnością do 5ms mogę powiedzieć (o ile nie pomyliłem się, bo, jak mówię, nie umiem), że animacja rozwijania trwała 2222ms - 1200ms = 1022ms, a animacja zwijania trwała 3823ms - 2800ms = 1023ms.

0

A czy na podstawie CCSa możesz wywnioskować, co tu jest nie tak, albo jak temu zapobiec?

0

Być może by się dało, czy ja umiem: nie wiem. Ale przecież napisałem, że uważam, że wszystko jest w porządku.


PS. Czy problem stanowi dla Ciebie szybsza zmiana szerokości wyświetlanego tekstu niż kontenera (tj. "nie-płynna")?

0

Usun ta czesc:

.produkt:hover .produktDaneModel{
}

Oraz dodaj do .produkt:hover

  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;

1 użytkowników online, w tym zalogowanych: 0, gości: 0, botów: 1

Robot: Semrush