#Segítség

Jó reggelt mindenkinek. Most egy HTML kóddal jöttem. Mivel chatbe kérték hogy-hogy is kell- forgó kép szöveges képet készíteni, így gondoltam megmutatom hátha többen se tudják ezt. Képpel sajna még nem tudom megmutatni, de ha az oldalon körülnéztek, nálunk az "Üdv"-özlő pontosan ugyan ez.:)

<br><center><link href='LINK' rel='stylesheet' type='text/css'><style type="text/css"> .aflipper { -webkit-perspective:1000; -moz-perspective:1000; -o-perspective:1000; perspective:1000; width:220px; height:340px; } .aflipswitch { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d; width:220px; height:340px; } .aflipper:hover .aflipswitch { -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); } .afront { overflow:hidden; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; } .aback { overflow:hidden; -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); opacity:0; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; width:200px; height:320px; padding:10px; background-color:#átforduló szín; } .aflipper:hover .aback { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; opacity:1; background-color:#Háttér; } .adetails { width:170px; height:33px; background-color:transparent; text-align:center; display:table-cell; vertical-align:middle; color:# 87af8e; font-family:Wire One,sans-serif; font-size:25px; letter-spacing:1; line-height:100%; text-transform:uppercase; border-top:1px solid #00BECA; border-bottom:1px solid # 00beca; } .aapp { width:240px; height:325px; text-align:justify; font-family:calibri; font-size:11px; color:#030813; line-height:95%; padding:5px; letter-spacing:0; word-spacing:0; overflow:auto; } .aplayer { width:200px; height:30px; background-color:#transparent; text-align:center; display:table-cell; vertical-align:middle; color:#00BECA; font-family:Wire One,sans-serif; font-size:25px; letter-spacing:1; line-height:100%; text-transform:uppercase; } .ascrolls ::-webkit-scrollbar { width:5px; } .ascrolls ::-webkit-scrollbar-track { background-color:#00BECA; } .ascrolls ::-webkit-scrollbar-thumb { background-color:#transparent; } </style><div style="width:220px; height:340px; border:10px inset #transparent;" class="ascrolls"><div class="aflipper"><div class="aflipswitch"> <div class="afront"><div style="background-image:url(KÉP URL); width:200px; height:320px; border:10px solid #keretszin;"> <div style="width:180px; padding:150px 0px 0px 0px;"><div style="padding:3px; background-color:#címhátter; border:2px solid #transparent; text-align:center; color:#transparent; font-family:Wire One,sans-serif; font-size:40px; letter-spacing:1; line-height:100%; text-transform:uppercase; font-weight:bold; text-shadow:1px 1px 2px#6F7073; margin-top: 90px;"> Cím: </div></div></div></div> <div class="aback"> <div style="height:5px;"> Szia, üdv a honlapomon! </div> <div style="height:5px;"></div> </div></div></div></div></center><br>