descriptif au survol

Je voulais proposer une page avec différents cas de figures du survol d'un élément qui affiche un descriptif, que l'on peut décorer.

Par défaut, un descriptif automatique au survol d'un image est fait par la balise alt="titre de l'article"; exemple:

<img src="http://abcde.jpg" alt="titre de l'article">

La présentation de ce descriptif n'est pas modifiable; on peut ajouter un descriptif par un code javascript ou par un code CSS.

J'évite les codes javascript et je ne parle ici que d'un code en CSS.

Voyons comment afficher un descriptif en survolant une image; pour cela, il faut que l'image soit accessible au survol donc, le descriptif ne peut être placé dessus.

Nous verrons ensuite comment afficher le descriptif sur l'image, en ajoutant un bouton invisible.

Votre descriptif qui apparaît au survol de l'image, affiché où vous l'avez positionné.

Le survol de l'image modifie la transparence du descriptif, qui passe de transparent à opaque.

L'apparition peut se faire par une rotation ou translation.

La position du descriptif peut être n'importe où sur la page.

Il y a tellement de cas possibles que je n'indique aucun code dans cette page mais juste le principe.

Je suis à votre service pour toute information particulière.