今回は画像にマウスを置くとキャプションが表示される動きをCSSのみで作動させる方法です。
 

HTMLサンプル

サンプルとして下のようなHTMLを使用します。


 

CSSサンプル

サンプルとして下のようなCSSを使用します。

画像にマウスを乗せてみよう

世界の仔猫

アメリカンショートヘア