javascript

JavaScript52閲覧

ベストアンサー

1

1人がナイス!しています

【 CSS 】 .mouseon { position: relative } .mouseon::after { content: ""; position: absolute; top: 0%; left: 100%; transform-origin: left top; /* 拡大縮小の基点 */ transform: scale( 0.5 ); /* 半分に縮小 */ } .mouseon:hover::after { content: url( "~.jpg" ); } 【 HTML 】 <span class="mouseon">●昼</span>

ThanksImg質問者からのお礼コメント

すごくていねいでありがとうございます!助かります…!

お礼日時:2021/11/24 7:33

その他の回答(1件)

1

odn********さん >・・・・文字をマウスオーバーすると右側に画像が表示される・・・・・・・・ ご参考に↓ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <style> .wrap{ display: flex; } .hiru + img{ display:none; } .hiru:hover + img{ display:inline-block; } </style> </head> <body> <div class="wrap"> <span class="hiru">昼</span> <img src="https://s.yimg.jp/images/ks/official/nt/grd/prf_48.png" > </div> </body> </html>

1人がナイス!しています