Kód:
<style type="text/css">
#promise { width: 500px; height: 200px; overflow: hidden; }
.hover { width: 450px; height: 150px; background-color: #ffffff; position:relative; top:200px; position:relative; right:-25px; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s; }
#promise:hover .hover { top: 0px; left: 25px; }
.promisescroll::-webkit-scrollbar {width: 3px;background: transparent;}
.promisescroll::-webkit-scrollbar-thumb {background: #B31A4C;}
.promisescroll::-webkit-scrollbar-corner {background: transparent;}
b {color: #0E6E7E;}
i {color: #B31A4C;}
<link href='http://fonts.googleapis.com/css?family=Ultra' rel='stylesheet' type='text/css'>
</style>
<div id="promise">
<div style= "width: 500px; height: 200px; margin: auto; background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg); color: #090440;">
<div style="width: 500px; height: 5px; position:relative; top:50px; background-color: #FFF; color: #B8E2E2;"></div>
<div style="color: #B31A4C; font-size: 50px; font-family: 'Ultra', serif; position:relative; top:30px; position:relative; left:40px; text-shadow: 5px 1px 3px #000;">JégVirág Design</div>
<div class="hover">
<div style="width: 250px; height: 130px; margin: auto; overflow: auto; padding: 5px; color: #440F65; position:relative; left:-95px;" class="promisescroll">Az oldal PORTÁLÉPÍTŐ ami tartalmazza
az abábbi linkeket:DESIGN,SCRIPT,HTML
kód,Segítség.2005.04.12.-én indult az
oldal azóta várom a segítségre szoruló
G-portálos. <b>Ha bármi észrevételed van
vagy irhatsz a vendégkönybe,meg a
chat-be is.</b>TANULJ,SZÉPÍTSD az
oldaladat de a legfontosabb hogy
közbe jól érezd magad! <i>JégVirág</i>
</div>
<div style="width: 190px; height: 150px; background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1426266185_15.jpg); position:relative; left:260px; position:relative; bottom:140px;">
</div>
</div></div>
</div></div>
AJÁNLOM AZ OLDALT
Archívum