Inhibă css-animație - stiva de preaplin în limba rusă

Esența problemei sunt după cum urmează. Site-ul are o bară laterală (pentru a părăsi meniul din dreapta), animația se bazează pe css-tranzițiile. În starea inactivă a barei laterale are următorul cod:

clasa cu acest cod se adaugă la starea activă la el:

Problema este că periodic sunt frânele atunci când deschiderea / închiderea meniurilor. Profiler Google Chrome nu a dat nici o informație într-adevăr, din cauza închis. Pe cadrul animației este nevoie de doar 1-3 ms, dar FPS poate scadea la 15-20 de cadre. Frâne urcă periodic (la acele momente inhibă toate animație), a legilor a spus că acestea apar adesea în timpul perioadelor de inactivitate (în cazul în care site-ul nu ia nici o acțiune pentru 20-30 de secunde).

Cred că o cauză posibilă a unora din hardware / software-ul (deși este mai rapid și mai inteligent), dar ar dori să eliminați obișnuiești. De aici întrebările:

1. Care este motivul pentru care aceste frâne care au experimentat acest lucru?
2. Ce soluții ați folosit pentru a face animații lin?

P.S. „-Schimbare va: transforma;“ nu de mult ajutor, deoarece browser-ul fără a face toate un strat separat.

stabilit 14 martie, la 15:54

@YozhEzhi da, există o suspiciune puternică că problema este de partea mea, dar eu nu știu până când nu descărcați proiectul de producție. Eu cred că nu este chiar și în browsere (cum ar fi frânele în Chrome, precum și în IE), dar ceva la nivelul de interacțiune cu sistemul de operare (pe laptop o mulțime de software specific pentru dezvoltare, diverse biblioteci și programe care lucrează în strânsă legătură cu sistemul de operare). O altă problemă pe care doresc să găsească soluții pentru astfel de situații pentru a menține netezimea animație. - Dmitry Maslennikov 14 martie la 23:19