background-imageのhoverでtransitionしたいじゃん

結論：できない

こちら参考にさせてもらいました。

CSS - background-imageはアニメーション出来ない(問題と解決のコード付き) - Qiita

Chromeで動くなーと思ってたんだよ…

Firefoxで動かないのは結構嫌だし、基本仕様的にはアニメーション不可能なプロパティとのことなので、transitionでサクっとは諦める。

とはいえ、ボタンやらメニューやらで結構使いたいシーンが多いんだよね。

どうしたもんか。