画像Hover時に使える動きのサンプル集めてみました
2016.11.10
ツクリエの上原です
急に寒くなってきましたね
周りでも体調を崩してる人が
ちらほらいたり気をつけてくださいね
Webサイトで使用できる
画像のhover時の動きのサンプルを集めてみました
ちょっとした動きがあるだけで
印象やクォリティがぐっと良くなりますよ
三角形を使ったHoverイメージ
Hoverしたら画像がズームする
Hoverしたら画像の説明文が出てくる
Hoverしたら画像の説明文が出てくる2
Hoverしたら画像の説明文が出てくる3
Hoverしたら画像の説明文が出てくる4
CSS3 Filterを使ったエフェクトやHoverパターン
Hoverしたら後ろの画像がちょっとずつ見える
3Dを使ったHoverエフェクト
画像と説明文があるときに
使えるパターンを選んでみました
動きについてはあまり多用すると
邪魔になったりもするので
使うポイントをきちっと選んで
使ってみてはいかがでしょうか?
以上、ツクリエブログでした