[JS]普通のとはちょっと違う、オーバーレイのスライド方法が面白いホバーエフェクト

画像を配置したパネルをホバーすると、各アイテムをまたいでオーバーレイのパネルがスライドするエフェクトを紹介します。 デモ：Inverse 反対の面からスライドするデモです。 実装 HTML 各パネルは画像のimg要素とオーバーレイのdiv要素が一組になっており、リスト要素で実装します。 <ul id="da-thumbs" class="da-thumbs"> <li> <a href="http://dribbble.com/shots/502538-Natalie-Justin-Cleaning"> <img src="images/7.jpg" /> <div><span>Natalie & Justin Cleaning by Justin Younger</span></div> </a> </li> <li> <!-- ... --> </li> <!-- ... --> </

[albicetus]

うおー！このエフェクトかっこいいなあ。しかし残念ながらIE7-8非対応。。

[muracchi_n_n_v]

これは面白い

[nao14115]

普通のとはちょっと違う、オーバーレイのスライド方法が面白いホバーエフェクト

[abeshin22]

気になるぅ→ [JS]普通のとはちょっと違う、オーバーレイのスライド方法が面白いホバーエフェクト

[Donca]

✔ [JS]普通のとはちょっと違う、オーバーレイのスライド方法が面白いホバーエフェクト