HTML kód:

<ul class="flipboard">

<li>

<a href="//fuckinway.gportal.hu"><span><img src="//fuckinway.gportal.hu/portal/fuckinway/image/gallery/1368125825_22.png" /></span></a></li>

<li>

<a href="//fuckinway.gportal.hu"><span><img src="//fuckinway.gportal.hu/portal/fuckinway/image/gallery/1368125826_31.png" /></span></a></li>

<li>

<a href="//fuckinway.gportal.hu"><span><img src="//fuckinway.gportal.hu/portal/fuckinway/image/gallery/1368125826_85.png" /></span></a></li>

</ul>

<style type="text/css">

ul.flipboard{

margin:0;

padding:0;

list-style:none;

-webkit-perspective: 10000px; 

-moz-perspective: 10000px;

-o-perspective: 10000px;

perspective: 10000px;

}

 

ul.flipboard li{

display: inline-block;

width: 80px; 

height: 80px;

margin-right: 10px; 

background: white;

font: bold 36px Arial; 

text-transform: uppercase;

text-align: center;

cursor: pointer;

}

 

ul.flipboard li a{

display:block;

width: 100%;

height: 100%;

color: black;

text-decoration: none;

outline: none;

-webkit-transition:all 300ms ease-out 0.1s; 

-moz-transition:all 300ms ease-out 0.1s;

-o-transition:all 300ms ease-out 0.1s;

transition:all 300ms ease-out 0.1s;

}

 

ul.flipboard li a span{

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

padding-top: 15px; 

display:block;

width: 100%;

height: 100%;

-webkit-transition:all 300ms ease-out 0.1s; 

-moz-transition:all 300ms ease-out 0.1s;

-o-transition:all 300ms ease-out 0.1s;

transition:all 300ms ease-out 0.1s;

}

 

ul.flipboard li a img{

border-width: 0;

}

 

ul.flipboard li:hover a{

-moz-transform: rotateY(180deg); 

-webkit-transform: rotateY(180deg);

transform: rotateY(180deg);

background: #cef1ff; 

-webkit-border-radius:7px;

-moz-border-radius:7px;

border-radius:7px;

-webkit-box-shadow:0 0 5px #eee inset;

-moz-box-shadow:0 0 5px #eee inset;

box-shadow:0 0 5px #eee inset;

}

 

ul.flipboard li:hover a span{

-moz-transform: rotateY(180deg); 

-webkit-transform: rotateY(180deg);

transform: rotateY(180deg);

}</style>