• proba ez itt

     
    KATT  A  KÉPRE    7-szer
     
    Katt in the middle of the picture 7x
     
    HTML kod:
     
    <div style="text-align: left;">&nbsp;</div>
    <div id="mg" style="text-align: left;"><input id="mga" type="text" value="KATT IDE 7x" /><input id="mgb" type="text" /><input id="mgc" type="text" /><input id="mgd" type="text" /><input id="mge" type="text" /><input id="mgf" type="text" /><input id="mgg" type="text" /><input id="mgh" type="text" /></div>
    <style><!--
    #mg{width:800px; height:600px; margin:0px auto; border:4px ridge grey;}#mga{position:absolute; z-index:5;width:800px; height:600px; background:url(http://ekladata.com/mGh5HLjb6-Ve5n2VguhqzpFAqmw/ez800x600.jpg); text-align:center; font-size:50pt; color:white !important; text-shadow:2px 2px black; box-sizing:border-box; border:none;}
    #mgb{position:absolute; z-index:5;transform:translate(400px,300px); width:0px; height:0px; transition:all 1s linear; background:url(http://ekladata.com/wRbmR_xiU8qx18ajdCmqOahTbxI/kepem001.jpg); background-size:cover; border:none;}
    #mgc{position:absolute; z-index:1; transform:translate(400px,300px); width:0px; height:0px; transition:all 1s linear; background:url(http://ekladata.com/xkzANGi_1JhuwDkbxEyzvc09D4s/kepem002.jpg); background-size:cover; border:none;}
    #mgd{position:absolute; z-index:1; transform:translate(400px,300px); width:0px; height:0px; transition:all 1s linear; background:url(http://ekladata.com/cQ43tKvWaA2raoMOdw9YnWW9y1g/kepem003.jpg); background-size:cover; border:none;}
    #mge{position:absolute; z-index:1; transform:translate(400px,300px); width:0px; height:0px; transition:all 1s linear; background:url(http://ekladata.com/_eYizPnGboJCRh07YVbnd9F0FJE/kepem004.jpg); background-size:cover; border:none;}
    #mgf{position:absolute; z-index:1; transform:translate(400px,300px); width:0px; height:0px; transition:all 1s linear; background:url(http://ekladata.com/F9f12-LHMz4h61lEqG-O-LbQkaI/kepem005.jpg) no-repeat; background-size:800px 450px; background-position:center center; border:none;}
    #mgg{position:absolute; z-index:1; transform:translate(400px,300px); width:0px; height:0px; transition:all 1s linear; background:url(http://ekladata.com/MWfEkCoe_vY_MQOhQgGmdj2UEvQ/kepem006.jpg); background-size:cover; border:none;}
    #mgh{position:absolute; z-index:1; transform:translate(400px,300px); width:0px; height:0px; transition:all 1s linear; background:url(http://ekladata.com/c34rL6gpRn1uDtqEp8fNSriYGmM/kepem007.jpg)no-repeat; background-size:800px 450px; background-position:center center; border:none;}
    #mga:focus ~ #mgb, #mgb:focus ~ #mgc, #mgc:focus ~ #mgd, #mgd:focus ~ #mge, #mge:focus ~ #mgf, #mgf:focus ~ #mgg, #mgg:focus ~ #mgh{z-index:10; width:800px; height:600px; transform:translate(0px,0px);}
    --></style>
     
    Az eredmény