2023/12/16(土)23:21
html,cssのお勉強:hoverテスト
マウスでポイントした画像を拡大表示。
↓マウスでポイント
html
<body> <img src="http://snc29654.php.xdomain.jp/jpg/15.jpg" class="image0"> <img src="http://snc29654.php.xdomain.jp/jpg/33.jpg" class="image1"></body>
css
img.image0{ width: 50px;}img.image0:hover{ width: 300px; position: fixed;}img.image1{ width: 50px;}img.image1:hover{ width: 300px; position: fixed;}
実験サイト