[html]<style>#ship2 {    display: block;
    position: relative;
    width: 600px;
    height: 400px;
    margin: auto auto auto 2em;
    box-sizing: border-box;
    background: 50% 10% no-repeat #e8e8e8;
    background-size: cover;
    overflow: hidden;
    box-shadow: rgb(22 16 11 / 67%) 0px 3px 5px 0px;} /* shipovnik */
.shipfl {width: 100%;
    box-sizing: border-box;
    background: url(https://upforme.ru/uploads/001c/3d/c8/58/277698.png);
    padding: 40px 70px 0px;
    transform: translateY(-160px);
    transition: transform 0.8s ease 0.2s;}
#ship2:hover .shipfl {transform: translateY(0px); transition: transform 0.8s ease 0.2s;}
.shipfl > p {overflow:auto; padding: 0 6px !important; height:125px; line-height:120% !important; text-align: center; color:#848a8f;}
.shipfl::after {position: absolute; bottom: -60px; margin-left: -70px; display:block; content:""; width:0; height:0; border-right: 300px solid transparent; border-left: 300px solid transparent; border-top: 60px solid #000; transition: all 0.8s ease 0.2s;}
#ship2:hover .shipfl::after {bottom: -100px; border-top: 100px solid #000; transition: all 0.8s ease 0.2s;}
.shipfl > p::-webkit-scrollbar {width:5px; height:5px; background-color: transparent;}
.shipfl > p::-webkit-scrollbar-thumb {background: #232323; box-shadow: inset 0 0 0 2px #000;}
.shipniz {display:block; position: absolute; bottom:0px; width: inherit; box-sizing: border-box; margin: auto auto 30px auto; text-align: right; padding: 20px; background: rgb(0 0 0 / 95%); color:#7d7d7d; font-style: italic;}

/* НАЗВАНИЕ ЭПИЗОДА */
.shipniz > em {display:block; margin: auto 0px auto auto; padding-bottom:10px;
  font-family: Playfair Display, Georgia, serif;
  font-size: 20px;
  letter-spacing:2px;
  color: #b72029;
}
</style>

        <div id="ship2" style="background-image: url(https://upforme.ru/uploads/001c/3d/c8/58/917615.png);">
        <div class="shipfl"><p>

Однажды мы встретились не в то время, не в том месте. </br>Но кто скажет, что это не счастливая случайность?

        </p></div><div class="shipniz">

<em>Midnight and the moon walk together</em>
Rex Quill, Fala Silentbrook // 22.09.2023

        </div></div>
[/html]

Отредактировано Rex Quill (11 декабря 11:57)

Подпись автора

This is hardly worth fighting for
But it's the little petty shit that I can't ignore