プログラミング

[画期的]CSSのhover時に別のタグの処理をする方法

この記事は約 2 分で読めます。

こんにちは。Masayukiです。

Webページを作成時にこんなようなボタンを作りたいな、と思ったことはありませんか?

↑の画像はカーソルを乗せたときに「more」と「→」をそれぞれ違う色に変えています。

このように、カーソルを乗せたときに二つの処理を行う方法を紹介します。

まずはコードから

やりかたより、さっさとコードを見たい人がいると思うのでコードを載せます。

<a class="yellow_button more" href="#">more<span class="button_arrow">
                <i class="fas fa-arrow-right"></i>
              </span>
            </a>

-プログラミング

© 2021 AGATA CODE Powered by AFFINGER5