הוספת כיתוב מעל תמונה בעת מעבר של העכבר על התמונה

שילוב של html עם css כמובן
העיקרון הוא להחזיק אוקייבט, בתוכו תמונה שמופיעה תמיד, ועוד אלמנט שיהיה נסתר – ויופיע רק במעבר עכבר
ללא בדיקות, זה צריך להיות משהו כזה, כשכמובן אפשר להוסיף לו אפקטים עם css transition

<figure>
   <img src="file.jpg" alt="" />
   <figcation>טקסט</figcaption>
</figure>

<style>
figure{
   position:relative;
   width:100px;
   height:100px;
}

figcaption{
   position:absolute;
   left:0;
   top:0;
   width:100px;
   height:100px;
   background:red;
   opacity:0;
}

figure:hover figcaption{
   opacity:1;
}
</style>