[html]<!-- доработан код by megera [https://imagiart.ru/viewtopic.php?id=15037#p964752] -->
<center><div class="bg"><div class="bg2">
</div><table><tr><td>

<div class="foto" style="background-image:URL(https://i.imgur.com/1hCuFAW.jpeg);"><div class="strochka">

бесславные ублюдки<br>(ханс ланда)

</div></div></td><td>

<div class="foto" style="background-image:URL(https://i.imgur.com/G2Ay50v.png);"><div class="strochka">

игра престолов<br>(тайвин ланнистер)

</div></div></td><td>

<div class="foto" style="background-image:URL(https://i.imgur.com/6tfj26w.jpeg);"><div class="strochka">

книга джунглей<br>(шерхан)

</div></div></td></tr><tr><td>

<div class="foto" style="background-image:URL(https://i.imgur.com/dm348sS.jpeg);"><div class="strochka">

губка-боб квадратные штаны<br>(планктон)

</div></div></td><td>

<div class="foto" style="background-image:URL(https://i.imgur.com/a7XduDe.jpeg);"><div class="strochka">

аучи и доля, холст, масло

</div></div></td><td>

<div class="foto" style="background-image:URL(https://i.imgur.com/Tcfwg6W.jpeg);"><div class="strochka">

золотое божество<br>(цуруми токуширо)

</div></div></td></tr><tr><td>

<div class="foto" style="background-image:URL(https://i1.sndcdn.com/artworks-00014148 … 00x500.jpg);"><div class="strochka">

The Imperial March

</div></div></td><td>

<div class="foto" style="background-image:URL(https://i.imgur.com/4IYjZq8.png);"><div class="strochka">

биошок<br>(эндрю райан)

</div></div></td><td>

<div class="foto" style="background-image:URL(https://i.imgur.com/uZAcIXT.png);"><div class="strochka">

голодные игры<br>(президент сноу)

</div></div></td></tr>

</table></div></center>

<style>
.bg {
    width: 460px;
border-radius: 10px;
    height: auto;
    position: relative;
    background-color: #eaeaea;
    margin: auto;
}
.bg2{
position: relative;
    width: 0px;
    height: 0px;
    padding: 0px;
    float: center;
    background-color: #eaeaea;
}

.foto {background-size: cover; height: 130px;  width: 130px;  margin: 5px;}
.foto:hover .strochka {opacity: 20; transition: 0.5s ease;}
.strochka {
    opacity: 0;
    padding: 60px 0;
    font-size: 10px;
    color: #f5f5f5;
    text-transform: uppercase;
    font-weight: 600;
    width: 130px;
    text-align: center;
}
</style>
[/html]

Отредактировано admin (2024-06-14 22:38:23)