要素をhoverしたときに、色が変わるリンクなどがあります。これをスマートフォンなどのタッチデバイスで実行すると、「タップ後に違う要素がタップされるまでそのスタイルが反映され続ける」など、意図しない動きになってしまうことがあります。 また、hoverでナビゲーションが開くよう実装した場合も、タブレットやスマホでは期待通りに動作しない場合があります。 そのため、タッチデバイスでは指定を効

今回は、transitionプロパティを使用して、要素をhoverした際の滑らかな切り替えを実装していきたいと思います。 transitionプロパティとは CSSが変化する際の要素の速度を指定できるプロパティです。 transitionで指定できるプロパティ [table id=3 /] hoverを滑らかな動きにするtransition記述方法 まずはtransition設定前の動