Как анимировать accordion bootstrapa?

Question

[Вазген Алексанян]

в bootstrape все эти аккордины и все прочее работают без какого либо анимации - задержки.
может есть вариант это дело исправить?

https://getbootstrap.com/docs/4.1/components/collapse/

Answer 1

[tyzberd]

там есть такой media https://developer.mozilla.org/en-US/docs/Web/CSS/@...
в нем отключена анимация. Раньше в хром работала тоже анимация.
В ff сейчас работает

Comments

[tyzberd]

в хроме в настройках есть галочка "Использовать аппаратное ускорение (при наличии)" если выключить, тогда анимация будет. Хотя не уверен, потом включил обратно, анимация осталась.
UPD. На это влияет галочка "Показывать анимацию в windows" в настройках дисплея

[tyzberd]

https://developers.google.com/web/updates/2019/03/...

[Вазген Алексанян]

tyzberd В bootstrape значит отключена анимация? таким образом? -
media (prefers-reduced-motion: reduce) {
.animation {
animation: none;
-webkit-animation: none;
}
}

такого кода в bootstrape нету

[Вазген Алексанян]

Вот в foundatione все это дело хорошо работает
https://foundation.zurb.com/sites/docs/accordion-m...

[tyzberd]

да, только с другими классами. Для collapse это

@media screen and (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

[Вазген Алексанян]

tyzberd, да нашел. а как это переопределить? если не удалять из исходного кода

[tyzberd]

добавить стили после bootstrap что бы перебили

[Вазген Алексанян]

tyzberd, все крут!

[Александр Маргинал]

tyzberd, это вы через что так жестоко сидите? Оо

[tyzberd]

Александр Маргинал, хром Версия 75.0.3770.80 (Официальная сборка), (64 бит)
и windows 10, и в настройках все было включено, думаю это какая та бага у хрома была.
Еще эта галочка влияет