Blog probléma html szerkesztés?

ha csak egy ilyen képet akarsz, akkor adsz neki egy id-t(#), ha többet akkor classt(.).

írsz rá egy css szabályt:

#kep{ opacity: 0;}

#kep:hover{ opacity: 1;}

ha kell rá animáció: #kep{ opacity: 0; transition: opacity 1s; }

de ami a képen látható, az nekem inkább kép tooltipnek tűnik, tehát ráviszed az egeret és a mutató mellett jelenik meg a kép. az már nem ilyen egyszerű.