ホバー時(shí)にアクティブなクラスの色を一定に保つことに関する質(zhì)問(wèn)の部分に答えるために、私がやったことは、0%
およびそれらすべてにあるような別の @keyframe
を作成することでした。 100%
では灰色のままです。次に、 transition: 0.5s;
を使用して、色の変化のアニメーション遷移を滑らかにします。
ご覧のとおり、最初のリンク (つまり、アクティブ狀態(tài)) にカーソルを合わせると、リンクはまだ灰色で、他のリンクは 0.5 秒
以內(nèi)に紫色に変わります。