Могу ли я временно отключить все переходы / анимации CSS3 во время создания элемента?

Question

Я создал довольно сложное меню для сайта.Меню живет огромным количеством анимации, которая основана на CSS3.Однако, когда я перехожу на другую страницу, меню должно изначально создаваться - и без всех анимаций, но с учетом JS, а не на стороне сервера.

Теперь мне интересно, как я могу полностью отключить все переходы/ анимации временно, пока не будет построено меню.

Я думал о создании подкласса, который переопределяет анимацию, но, похоже, он не работает, так как это всегда анимация / переход, определенный в базовом классе, который используется.б

Answer 1

Вы можете установить transition-duration на 0s при построении меню, а затем впоследствии установить его на нужное значение.

Answer 2

Я бы предложил применить ваши анимации / переходы через класс, который добавляется JavaScript после создания меню.

Существует свойство animation-play-state, которое может приостанавливать анимацию, ноэто появилось (с префиксом) только в Safari 5 и Chrome 4 (в отличие от Safari 4 и Chrome 2 для других свойств анимации), и я не уверен, будет ли это работать для ваших целей.