ホバーエフェクト
画像ズーム＋タイトル
ホバーで画像がゆっくり拡大し、タイトルが浮かび上がる。カード型の記事一覧で定番。
プレビュー
プレビューは直接さわって試せます。
コード（コピーして使えます）
<figure class="zoom-card">
<!-- .zoom-img を <img> に置き換えて使う -->
<div class="zoom-img"></div>
<figcaption class="zoom-cap">記事のタイトル</figcaption>
</figure>