АНИМАЦИЯ

Question 1

Проблема: Если при анимации объекты не только выполняют анимацию, но ещё и смещаются в сторону, которая в анимации не затронута или =0, что делать?

Answer 1

Если при анимации объекты не только выполняют анимацию, но ещё и смещаются в сторону, которая в анимации не затронута или =0, можно сделать её отрицательной, то есть на глаз подобрать отрицательный сдвиг. Откуда этот глюк, непонятно.

Question 2

Если анимация в конце не возвращается в начальную точку (расположения), хотя анимация прописана правильно и так задумано - посмотреть:

Answer 2

Возможно, из-за свойства transform: translate; у статичного объекта и появляется этот глюк.

Question 3

Объяснить, что означает:

animation: quickScaleDown 0s .5s linear forwards;

Answer 3

анимация: имя продолжительность_первого_шага продолжительность_второго_шага вид направление; // причём, если задавать каждому шагу свою длительность, анимация может испортиться, если это сделать неправильно

Question 4

Без каких свойств анимация работать не будет?

Answer 4

animation-name и animation-duration, но их можно записать общим свойством animation: name 1s;

Question 5

Чего не хватает библиотеке Animate.CSS?

Answer 5

Библиотека Animate.CSS при своей охуенности не имеет обязательного свойства animation-duration. Моя, переделанная их имеет, но надо иметь ввиду.

Question 6

Анимация, где есть такие величины, как -2000px будут расширять окно на мобильном и сдвигать на секунду-другую всё, что прикрепелено абсолютом к правому краю. Особенно это заметно на бургерах и даже на высоте фиксированного навбара (непонятно, почему). Как лечить?

Answer 6

Решение простое: добавить всем анимациям z-index больше, чем у body, вырвав их тем самым из нормального потока.