Как отключить все transition на сайте?

Question

[DanyGersh]

Как сделать так чтобы при нажатии на кнопку отключались все transition на сайте?
У уже пробывал метод добавления класса со стилем в Body или Html, но это не помогает.
Даже если я ставлю для этого класса !important, анимации все-равно остаются. Как можно это реализовать? Если js, то желательно на JQuerry

Comments

[Froggyweb]

можно попробовать так
#noanim * {transition: all 0s !important}
ну и для before after соответственно

[antares4045]

Froggyweb, только лучше наверное none а не all 0s

Answer 1

[Вадим]

Рубрика вредных советов, но какой вопрос, такой ответ.

html.animationDisable * {
  transition: none !important;
}

Answer 2

[Павел]

Задайте для transition свой класс. Добавьте там где нужна анимация, по нажатию на кнопку - убирайте созданный класс со всей страницы....

Comments

[DanyGersh]

У меня так и сделано. При нажатии на кнопку для html добавляется класс animationDisable, со стилем transition: none !important. Однако, анимации все-равно присутсвуют

[Павел]

на html
а я говорю про блок, для которого нужна анимация.
Грубо
<a class="btn animate">Ссылка с анимацией</a>

.animate {
transition: 2s;
}

$('.animate').removeClass('animate')