• 文字サイズ
解決済

背景画像の上にマウスオーバーできる要素を組み込みたい

  • 相談者:非公開
  • 2019/08/07 18:34
いつもお世話になっております。

あるサイト様のマウスオーバーエフェクトを組み込みたいのですが、
どこから組み込めばいいのかわかりません…。
背景画像の上に重ねておいているとは思うのですが、
どういった技法でやっているのか見当がつかず、アドバイスを頂けたら幸いです。

参考サイト様
https://pogg-sweetpotatopie.com/

実装させたいページ
https//www.rakuten.ne.jp/gold/SHOP-URL/feature/lukia/index.html
↑画像であたりを入れています。
投稿内容について報告する




  • 返信者:非公開
  • 2019/08/07 19:21
ECマスターズの伊藤です。

> 背景画像の上に重ねておいているとは思うのですが、
> どういった技法でやっているのか見当がつかず、アドバイスを頂けたら幸………(省略)………
  • 返信者:非公開(質問者)
  • 2019/08/08 15:37
教えていただいたコードで実装できました。
ただ、テキストをオーバーで切り替えたときに文字が円内に
おさまりません…。
テキストコードの入れ方が悪いのでしょ………(省略)………
  • 返信者:非公開
  • 2019/08/08 18:21
ECマスターズの伊藤です。

> 教えていただいたコードで実装できました。
> ただ、テキストをオーバーで切り替えたときに文字が円内に
> おさまりませ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/08/09 09:34
テキストのほうはセンタリング+改行でなんとか
調整できました。
ありがとうございます!

複雑なことをお聞きして申し訳ございません。
お手数おかけいた………(省略)………
  • 返信者:非公開
  • 2019/08/09 13:08
ECマスターズの伊藤です。

大変お待たせいたしました。

<div class="scene4-4_back">
の下に
<p class="bo………(省略)………
  • 返信者:非公開(質問者)
  • 2019/08/09 14:58
教えていただき、ありがとうございます!
上記のコードを追加しましたら、無事にボーダー線を引くことが
できました。………(省略)………