こんな感じで画像Aをhoverして画像Bに変更したい！
という場合の方法をご紹介します。
まずはデモをご確認下さい↓↓
画像が変わっているかと思います。
では実際にコードを書いていきましょう！！
それだけです！とても簡単です。
コードは下記の通りです。
See the Pen JjoprgM by izumi sasaki (@izumi0110) on CodePen.
画像Aと画像Bを作るとき、縦と横のサイズは必ず同じにしましょう！！
今回はシンプルに画像を変更しているだけですが、
リンク先に飛ばす画像にアレンジしてみたり、他にも色々な応用が出来るかと思います。
ホームページにhoverアクションがあると操作が楽しくなりますね。
TORATのホームページではスタッフ紹介の所に取り入れています。(PC版のみの対応しています。)
ぜひチェックしてみて下さいね！
この記事を書いた人
TORAT 管理者
2023.7.10 | TORAT
2023.1.20 | TORAT
2022.12.14 | TORAT
2022.12.8 | リッキー
2022.12.1 | リッキー
2022.11.24 | リッキー
2022.11.19 | リッキー
2022.11.16 | TORAT
