Защо инхибира CSS-анимация

• CSS
• HTML
• анимация

Същността на въпроса, са както следва. Сайтът има странична лента (за да излезете от менюто в дясно), анимацията се основава на CSS-преходи. В неактивно състояние на страничната лента има следния код:

клас с този код се добавя към активно състояние да го:

Проблемът е, че периодично има спирачките при отваряне / затваряне менюта. Profiler Google Chrome наистина не дава никаква информация в това, което може да е причината заключени. На кадър от анимацията отнема само 1-3 мс, но FPS пада до 15-20 кадъра. Спирачки изкачва периодично (след тези моменти потиска цялата анимация), на законодателствата заявиха, че те често се появяват по време на периоди на бездействие (когато сайтът не предприема никакви действия в продължение на 20-30 секунди).

Мисля, че възможна причина за някои от хардуер / софтуер (макар че е по-бързо и по-умни), но бих искал да премахне цаката (вероятно защото не е Имам един). Оттук и въпроси:

1. Какво може да бъде причина за такива спирачки, които се сблъскват с това?
2. Какви решения са в което сте направили анимации гладко?

Послепис "Ще има промяна: трансформиране;" Не много от полза, тъй като браузър, без да прави всичко отделен слой.