ブログ プログラミング 移動用

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

こんにちは。Masayukiです。

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

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

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

まずはコードから

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

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

-ブログ, プログラミング, 移動用

© 2024 早い!ホームページ制作「アルカ」 Powered by AFFINGER5