• 文字サイズ
  • 小
  • 中
  • 大


解決済

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

  • 相談者：非公開
  • 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！
セミナー詳細はこちら
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
ご視聴はこちら

  • 返信者：非公開
  • 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
教えていただき、ありがとうございます！
上記のコードを追加しましたら、無事にボーダー線を引くことが
できました。………（省略）………
続きを読む
このフォーラムへの質問は終了しました
質問を検索する
返信も検索対象にする

カテゴリーから探す