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

解決済

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

相談者：非公開
2019/08/07 18:34

いつもお世話になっております。

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

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

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

キーワード：CSS、WEBデザイン、マウスオーバー、エフェクト

投稿内容について報告する

カテゴリ：その他
返信：6
Me too度：0

今気になってる疑問、
セミナーに参加すれば解決するかも！？

日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！

セミナー詳細はこちら

返信者：非公開
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

教えていただき、ありがとうございます！
上記のコードを追加しましたら、無事にボーダー線を引くことが
できました。………（省略）………

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

カテゴリーから探す