Как сделать плавнуюю анимацию?

Question

[vittallyyaaa]

Всем привет! есть у меня страница (там пока только пустой хедер). На пк анимация плавная, на телефоне виснет. Устройство айфон 11, так что проблема не в производительности. Как сделать анимацию плавнее?

Вот страница https://candid-frangipane-2e589c.netlify.app

Comments

[szQocks]

да ладно тебе, и так сойдёт, у тебя там просто реальный фарш из стилей, уж лучше так оставить либо всё переписать

[vittallyyaaa]

szQocks, может есть у вам какой-то гайд по тому как минимизировать колисество стилей. По-другому не умею;)

[szQocks]

vittallyyaaa, ну вот пару раз перепишешь, загуглив и прочитав все стили которые вообще существуют + глядя на то как подобную задачу реализовали на других сайтах, и глядишь что-то нормальное сверстается

[Froggyweb]

о какой анимации речь вообще? на компе нет анимаций :) ховер есть, но на мобилках нет понятия ховера.... %)

[szQocks]

Froggyweb, мобильное меню ( будущее ) которое открывается при нажатии на бургер

[Aetae]

Чтоб фильтры не лагали на яблоках гугл предлагает такие магические заклинания:

-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;

Сам я, слава богу, далёк от этой темы, так что не поручусь.:)

[Froggyweb]

szQocks, Такое рекомендуется делать через traslate, а не через маргин