[CSS]画像のキャプションをいい感じのアニメーションで表示するシンプルなホバーエフェクト

シンプルな実装で、画像のキャプションを美しいグラデーションのパネルにアニメーションで表示するシンプルなホバーエフェクトを紹介します。 イラストは、以前紹介した「Girls Design Materials」です。 生き生きとした表情やしぐさが魅力たっぷりなガーリー素材 実装 Step 1: HTML 画像とキャプション（見出しとテキスト）をセットに、a要素で括り、全体をdiv要素で内包します。 <div class="tiles"> <a href="#" class="tile"><img src="image.jpg"/><div class="details"><span class="title">見出し</span><span class="info">テキスト</span></div></a> <a href="#" class="tile"><img src="image.j

[kaeru-kana]

この関連すき チェックやねっ！

[masapon49]

スタイルシートのみで実装できるのは使い勝手いいなぁ

[z1a2nh]

画像のキャプションをいい感じのアニメーションで表示するシンプルなホバーエフェクト

[yfnt]

画像のキャプションをいい感じのアニメーションで表示するシンプルなホバーエフェクト | コリス