Kép elhalványul, és szöveg lesz rajta

 Üdv, hoztam egy új kis kiegészítőt a modul-ba, amit az én blogaimon is gyakran használok. Csinos (nem ego) és (véleményem szerint) praktikus is.

Miért szeretem a tortát?

Mert finom, finom és ez éppen elég, habár tisztában vagyok azzal, hogy rengeteg benne a kalória, ami finom, az finom és pont! Tudom én, hogy makacs vagyok, de mi mást tehetnék? Jobb, mint a cigaretta, vagy a drogok... ez csak... TORTA!

Kód:

<center> <img height="250" src="https://38.media.tumblr.com/7dca7dc1adf4f8de72f6609c95f10ebc/tumblr_namvs6OhJC1qj47bio1_500.jpg" /* kép link-je */ width="200" /* kép szélessége */ /><br /> <div id="ck"> <div style="text-align: center;"> <b><i>Miért szeretem a tortát?</i></b></div> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> Mert finom, finom és ez éppen elég, habár tisztában vagyok azzal, hogy rengeteg benne a kalória, ami finom, az finom és pont! Tudom én, hogy makacs vagyok, de mi mást tehetnék? Jobb, mint a cigaretta, vagy a drogok... ez csak... TORTA!</div> </center> <br /> <style type="text/css"> #ck{ background:#f0eeeb; /*megjelenő háttér színárnyalata*/ color:#000; width:200px; /* megjelenő háttér szélessége */ height:250px; /* megjelenő háttér magassága */ margin-top:-255px; padding-left:0.5px; padding-right:0.5px; padding-bottom:0.5px; padding-top:5px; opacity:.0; -webkit-transition:all .5s ease-in-out;-moz-border-radius: 1em; -webkit-border-radius: 1em; } #ck:hover{opacity:.80} /* by: lovelyblogdesign.blogspot.hu - Felicity */ </style> </div>