CSS kód:

<style type="text/css">

#elit{

margin: 0px auto; 

width: 300px; 

height: 220px; 

}

.elit{

width:70px; 

height:70px;

float: left;

margin-left: 5px; 

margin-top: 5px;

-webkit-transition: opacity 0.2s linear;

-webkit-transition: all 0.2s ease-in-out;

-moz-transition: all 0.2s ease-in-out;

-o-transition: all 0.2s ease-in-out;

}

.elit a, elit a:hover { /* link kinézete a kép mögött */

    font-family: 'Open Sans', sans-serif;

color: #000000 !important;

font-size: 12px !important;

font-weight: none !important;

text-decoration: none !important;

letter-spacing: 2px;

}

.elitcsere{

height: 55px; 

width: 70px; 

background: #ffffff; 

text-align: center; 

line-height: 60px !important; 

padding-top: 17px; 

-webkit-transition: all 0.5s ease;

transition: all 0.5s ease;

opacity: 0;

}

.elit:hover .elitcsere{

opacity: 0.8;

margin-top: 0px;

}

.elit a:before {

content: '[ ';

color:#000000!important;

font-size: 12pt!important;

}

.elit a:after {

content: ' ]';

color: #000000!important;

font-size: 12pt!important;

}

--></style>

HTML kód:

<div id="elit">

<div class="elit" style="background:url(https://i.imgur.com/7IxcRK7.png);">

<div class="elitcsere">

<a href="/" target="_blank">Te?</a></div>

</div>

<div class="elit" style="background:urL(https://i.imgur.com/7IxcRK7.png);">

<div class="elitcsere">

<a href="/" target="_blank">Te?</a></div>

</div>

<div class="elit" style="background:url(https://i.imgur.com/7IxcRK7.png);">

<div class="elitcsere">

<a href="/" target="_blank">Te?</a></div>

</div>

<div class="elit" style="background:url(https://i.imgur.com/7IxcRK7.png);">

<div class="elitcsere">

<a href="/" target="_blank">Te?</a></div>

</div>

<div class="elit" style="background:url(https://i.imgur.com/7IxcRK7.png);">

<div class="elitcsere">

<a href="/" target="_blank">Te?</a></div>

</div>

<div class="elit" style="background:url(https://i.imgur.com/7IxcRK7.png);">

<div class="elitcsere">

<a href="/" target="_blank">Te?</a></div>

</div>

<div class="elit" style="background:url(https://i.imgur.com/7IxcRK7.png);">

<div class="elitcsere">

<a href="/" target="_blank">Te?</a></div>

</div>

<div class="elit" style="background:url(https://i.imgur.com/7IxcRK7.png);">

<div class="elitcsere">

<a href="/" target="_blank">Te?</a></div>

</div>

</div>