こんにちは。Masayukiです。
Webページを作成時にこんなようなボタンを作りたいな、と思ったことはありませんか?
↑の画像はカーソルを乗せたときに「more」と「→」をそれぞれ違う色に変えています。
このように、カーソルを乗せたときに二つの処理を行う方法を紹介します。
まずはコードから
やりかたより、さっさとコードを見たい人がいると思うのでコードを載せます。
<a class="yellow_button more" href="#">more<span class="button_arrow">
<i class="fas fa-arrow-right"></i>
</span>
</a>