Показать сообщение отдельно

  #6  
Старый 30.12.2023, 03:35
Necessary)
Постоянный
Регистрация: 11.06.2018
Сообщений: 870
С нами: 4170300

Репутация: 118


По умолчанию

Может так?

HTML:





Код:
Видео

#video {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    #video h2 {
        color: inherit;
        transition: color 0.3s ease-in-out;
    }

    #video:hover h2 {
        color: #ff4500;
    }

    #video .video-container {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 56.25%;
        transition: transform 0.3s ease-in-out;
    }

    #video .video-container:hover {
        transform: scale(1.1);
    }

    #video .video-container .play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80px;
        height: 80px;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 50%;
        display: none;
        cursor: pointer;
    }

    #video .video-container:hover .play-button {
        display: block;
    }
 
Ответить с цитированием