リセットCSSが原因でアニメーションが効かなかった

CSSのtransitionやtransformが効かずに困ったが、リセットCSSが影響していた。

実際はリセットCSS自体が悪いのではなく、OSで余計なアニメーションを表示しない設定にしているとアニメーションしないスタイルで上書きされる仕様。要は自分の環境のせいである。

今回使っていたのはmodern-css-resetだったが、他のリセットCSSでもあり得るだろう。

GitHub - Andy-set-studio/modern-css-reset: A bare-bones CSS reset for modern web development.

A bare-bones CSS reset for modern web development. - Andy-set-studio/modern-css-reset

github.com

アニメーションの設定なんてすっかり忘れていたので悩んでしまった。