コピーペーストのみで作れる、実用的なホバーエフェクトのサンプル3種類を作成しました。
bootstrapベースのコーディングで、CSS3を使っています。
適当なコーディングの部分もありますがご了承ください。
フィルターエフェクト
フィルター効果により、マウスオーバーで色が変わるサンプルです。ソースコードはこちら。
フィルター+キャプション
キャプション文字付のサンプルです。ソースコードはこちら。
ズームエフェクト
マウスオーバーで写真がズームするサンプルです。ソースコードはこちら。