【CSS】画像の下半分がマウスホバーで出現 - Little Strange Software

どうも！LSSです！！ 画像の下半分がマウスホバーで出現 コード 枠サイズの調整 画像の指定 あとがき 画像の下半分がマウスホバーで出現 写真にマウスカーソルをのせてみてください（スマホの場合はタップ） コード <style> .halfpic{ position:relative; width:280px; height:400px; transform-style: preserve-3d; perspective:500px; } .halfpic div{ position:absolute; left:0; width:100%; height:50%; background-image:url('画像ファイルのURL'); background-size:100% 200%; background-repeat:no-repeat; } .halfpic div:nth-chi

[odanoura]

確実に大人のムフフに使えると考えている自分が怖いです笑　実は服着てました的なやつとか笑

[kefugahi]

これはおもしろい！画像とその解説だとか、クイズと答えだとか、暗記カードと解答とか（これは手間と割に合わんか…。）

[tidyup]

飛び出す絵本みたいな感じで面白いです！

[akazukin_diary]

面白いですねー！私では思いつかないし、出来ないなぁー😅

[conasaji]

ほー。他で見たことない。知らずにホバーしたらビックリしますね。回転してんです？

[hukunekox]

下の方が開くって面白いですね〜めくりの下版みたいな感じですね😆✨思わず「おぉ」と声が出ましたww