Zsuzsu oldala, png képek, képszerkesztés ,kódok, hátterek
Ünnepi png-k Díszítő png-k Png növények, virágok Png nők, gyerekek, férfiak, angyalok, tündérek... Png állatok Homályos szélü png-k, tubes Scriptek, kódok Hátterek Dekor gifek
Ünnepi png-k
mindenféle ünnepekhez
Tovább...
Díszítő png-k
képszerkesztéshez: ablakok, vintage..
Tovább...
Png növények
Virágok,fák..
Tovább...
Png élőlények
Nők,gyerekek,férfiak, fantasy
Tovább...
Png állatok
Házi és vadon élő...

Tovább...
Homályos szélű
png-k,
tube-k.

Tovább...
Kódok
Egérkövetők, effektek, dobozok és sok más...
Tovább...
Naptárak
Saját készítésű naptáraim
Tovább...
Hátterek
számítógépre vagy akár szerkesztéshez. is
Tovább...
Dekorációk
weboldalra: feliratok, gif képek, sorelválasztók...
Tovább...
 

Üdvözöllek :)

Kezdőlap
Galéria
 

PNG képek
       
 

 

 
Maszkok


Letölthető maszkok képszerkesztő
programokhoz

 
Chat



 

Ha te is szeretnél ilyen chat boxot,
akkor 
Készíts chat boxot megtudhatod hogyan juthatsz hozzá. 

 
Látogatók
 
Translate

 


 
Számláló
Indulás: 2016-01-13
 
Bejelentkezés
Felhasználónév:

Jelszó:
SúgóSúgó
Regisztráció
Elfelejtettem a jelszót
 

3D átforduló menü


    <style type="text/css">
ul.rollovermenu3d{
    margin:0;
    padding:0;
    overflow: hidden;
}

ul.rollovermenu3d li{
    display:inline;
    list-type:none;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    float: center; /* float left to left align menu items with no gap */
}

ul.rollovermenu3d a{
    display: inline-block;
    position: relative;
    color: #000; /* default color */
    background: #ececec; /* default bg color */
    text-decoration: none;
    font: bold 14px Times New Roman; /* font settings. Change font size to affect menu item dimensions as well such as height */
    letter-spacing: 1px; /* font settings */
    height: 2em; /* height of each button. */
    text-align: center;
  margin: 0;
  margin-bottom: 2px;
    /* transform-style: preserve-3d; */ /* Forgo using "preserve-3d", since it's not supported in IE11 */
    -moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.rollovermenu3d a > *{ /* all child elements */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.rollovermenu3d a > span{ /* chidren span inside button */
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    padding: .3em 10px; /* padding of button. .3em value helps vertically center menu item text */
    -webkit-transform: translate3d(0, 0, 1em); /* 1em here should be half of menu item height (default 2em) */
    transform: translate3d(0, 0, 1em); /* 1em here should be half of menu item height (default 2em) */
    top: 0;
}

ul.rollovermenu3d a::before{ /* hidden, relatively positioned element to help set each menu item dimensions */
  content: attr(data-text); /* Duplicate text of span markup */
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding: 0.3em 10px; /* padding of button. .3em value helps vertically center menu item text */
  -moz-box-sizing: border-box;
    box-sizing: border-box;
  visibility: hidden;
}

ul.rollovermenu3d a::after{ /* Generated content to create menu item when it's flipped */
    content: attr(data-text); /* Duplicate text of span markup */
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
  visibility: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.3em 10px; /* padding of button. .3em value helps vertically center menu item text */
    position: absolute;
    background: lightblue; /* background color of flipped menu item */
    -webkit-transform: rotateX(-90deg) translate3D(0, -1em, 1em); /* 1em here should be half of menu item height (default 2em) */
    transform: rotateX(-90deg) translate3D(0, -1em, 1em); /* 1em here should be half of menu item height (default 2em) */
    -moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.rollovermenu3d a:hover > span{ /* inner span style when mouse hovers over parent A element */
    -webkit-transform: rotateX(90deg) translate3D(0, 1em, 1em); /* 1em here should be half of menu item height (default 2em) */
    transform: rotateX(90deg) translate3D(0, 1em, 1em); /* 1em here should be half of menu item height (default 2em) */
}

ul.rollovermenu3d a:hover::after{ /* inner ::after content style when mouse hovers over parent A element */
    -webkit-transform: rotateX(0deg) translate3D(0, 0, 1em); /* 1em here should be half of menu item height (default 2em) */
    transform: rotateX(0deg) translate3D(0,0,1em); /* 1em here should be half of menu item height (default 2em) */
  visibility: visible;
    -moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#master{
    perspective: 1000;
    perspective-origin: 50% 50%;
    position: relative;
}

#front, #left{
width: 200px;
height: 200px;
background: red;
position: absolute;
top: 0;
}


#left{
background: green;
transform: rotateX(89deg) translate3D(0,-400px,0);
}    </style>
    <!--[if lte IE 9]>
<style type="text/css">

ul.rollovermenu3d a{
    display: inline-block;
}

ul.rollovermenu3d a > span{
    position: relative;
}

ul.rollovermenu3d a::before, ul.rollovermenu3d a::after{
    content: '';
    display: none;
}

</style>   
<![endif]-->
    <ul class="rollovermenu3d">
        <li>
            <a data-text="Megnézem" href="URL"><span>Szöveg</span></a></li>
        <li>
            <a data-text="Megnézem" href="URL"><span>Szöveg</span></a></li>
        <li>
            <a data-text="Megnézem" href="URL"><span>Szöveg</span></a></li>
        <li>
            <a data-text="Megnézem" href="URL"><span>Szöveg</span></a></li>
        <li>
            <a data-text="Megnézem" href="URL"><span>Szöveg</span></a></li>
        <li>
            <a data-text="Megnézem" href="URL"><span>Szöveg</span></a></li>
    </ul>
</div>
 

 
 

Szeretnél egy jó receptet? Látogass el oldalamra, szeretettel várlak!    *****    Minõségi Homlokzati Hõszigetelés. Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését.    *****    Amway termék elérhetõ áron!Tudta, hogy az általános tisztítószer akár 333 felmosásra is alkalmas?Több info a weboldalon    *****    Florence Pugh magyar rajongói oldal. Ismerd meg és kövesd az angol színésznõ karrierj&#232;t!    *****    Fele királyságomat nektek adom, hisz csak rátok vár ez a mesebirodalom! - Új menüpont a Mesetárban! Nézz be te is!    *****    DMT Trip napló, versek, történetek, absztrakt agymenés:)    *****    Elindult a Játék határok nélkül blog! Részletes információ az összes adásról, melyben a magyarok játszottak + egyéb infó    *****    Florence Pugh Hungary - Ismerd meg az Oppenheimer és a Dûne 2. sztárját.    *****    Megnyílt az F-Zero Hungary! Ismerd meg a Nintendo legdinamikusabb versenyjáték-sorozatát! Folyamatosan bõvülõ tartalom.    *****    A Cheer Danshi!! nem futott nagyot, mégis érdemes egy esélyt adni neki. Olvass róla az Anime Odyssey blogban!    *****    A 1080° Avalanche egy méltatlanul figyelmen kívül hagyott játék, pedig a Nintendo egyik remekmûve. Olvass róla!    *****    Gundel Takács Gábor egy különleges könyvet adott ki, ahol kiváló sportolókkal a sport mélységébe nyerhetünk betekintést.    *****    21 napos életmódváltás program csatlakozz hozzánk még!Január 28-ig 10% kedvezménnyel plusz ajándékkal tudod megvásárolni    *****    Szeretne egy olyan általános tisztítószert ami 333 felmosásra is elegendõ? Szeretne ha csíkmentes lenne? Részletek itt!!    *****    Új játék érkezett a Mesetárba! Elõ a papírral, ollóval, és gyertek barkácsolni!    *****    Tisztítószerek a legjobb áron! Hatékonyság felsõfoka! 333 felmosásra elengedõ általános tisztítószer! Vásároljon még ma!    *****    Hayashibara Megumi és Okui Masami rajongói oldal! Albumok, dalszövegek, és sok más. Folyamatosan frissülõ tartalom.    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    333 Felmosásra elegendõ! Szeretne gazdaságosan felmosni? Szeretne kiváló általános tisztítószert? Kiváló tisztítószerek!    *****    Ha tél, akkor téli sportok! De akár videojáték formájában is játszhatjuk õket. A 1080°Snowboarding egy kiváló példa erre