CSSのアニメーションがFireFoxやChromeで動作しない

samatsu 7/28/2019 3738 N/A CSS

ブラウザーが preferes-reduced-motion に対応しているとOSの設定によって、CSSのアニメーションが動作しないことがあります。

Windows 10の場合は、 Windowsの設定 > 簡単操作 > ディスプレイ で、

 Windowsにアニメーションを表示する が オン になっていることを確認します。

Windows Server 2016 の場合は Windows の設定 > 簡単操作 > その他のオプション で、視覚オプションにある Windows でアニメーションを再生するが オフ になっていると思います。アニメーションを試すには オン にしてあげます。