hover_001 ZOOM
マウスオーバーで画像がちょっと拡大されます。< hover.js / hover-zoom.css >
吾輩は猫である
名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩は猫である
名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩は猫である
名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
hover_002 GRAY
画像がグレースケールに変わるホバーアクション。 < hover-gray.css >
下は逆の設定 グレー画像 ＞ カラーに変化 < hover-color.css >
吾輩は猫である
吾輩は猫である
吾輩は猫である
吾輩は猫である
吾輩は猫である
吾輩は猫である
hover_003 UP
マウスオーバーで位置が若干上に動く
吾輩は猫である。名前はまだ無い。
どこで生れたかとんと見当がつかぬ。
どこで生れたかとんと見当がつかぬ。
吾輩は猫である。名前はまだ無い。
どこで生れたかとんと見当がつかぬ。
どこで生れたかとんと見当がつかぬ。
吾輩は猫である。名前はまだ無い。
どこで生れたかとんと見当がつかぬ。
どこで生れたかとんと見当がつかぬ。
吾輩はぞうである
吾輩はりすである
吾輩はマンボウである
吾輩は牛である
吾輩はネズミである
hover_004 TEXT
マウスオーバーで黒い背景（半透明）と文字が表示される。
スマホでは表示されない（タップして表示）ので、このブロックはスマホでは非表示とし、スマホ用には通常に文字が写真下に表示されているようなブロックを作成する必要がありそうです。
