偏好减少运动的媒体查询，不允许我使用带有动画的Bootstrap模态

Question

我正在使用Bootstrap 4 modals，但我遇到的问题是没有显示fade animation和幻灯片动画。我正在搜索，但发现了问题。在transitions.scss文件中，有一个正在应用的媒体查询，称为@media屏幕和（首选-减少运动：减少）。这些查询使过渡渐变没有发生，因此显示如下：

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

您可以看到用于测试和开发here的实时示例：（单击aviso Legal，condiceses，privacidad ...链接，您将看到它）。 它是自动发生的，如何禁用它并使动画起作用？

Answer 1

如@04FS所示，您将需要disable reduced motion on your operating system来观看动画。如果有可能，请不要在CSS中覆盖此功能，因为它会带来明显的可访问性。