画像の上にテキスト

画像の上に文字をhoverで表示するCSSの例。写真はpixabayから。

1. 画像の上にテキストを表示

Sara

平成○年入社
総務部

Kate

令和○年入社
営業部

2. テキストが上からスライドして表示

Sara

平成○年入社
総務部

Kate

令和○年入社
営業部

3. 中央からテキストを表示

Sara

平成○年入社
総務部

Kate

令和○年入社
営業部

4. 背景ごと上からスライドして表示

Sara

平成○年入社
総務部

Kate

令和○年入社
営業部