transitionを:hoverがついたセレクタで指定してもいいのか？
ChatGPT先生に教えてもらったこと。自身の学習用。
技術的には可能ですが、通常は避けたほうが良い場合が多いです。その理由を以下に説明します。
1. 通常の使い方
transitionは、要素に直接設定するのが基本です。
.close { transition: opacity 0.3s ease, transform 0.3s ease; }
こうすると、この要素に対するすべての状態変化（ホバーや他のスタイル変更）がトランジションの対象になります。
2.:
