醉美水芙蓉 发表于 2024-2-1 22:55

新年快乐TO马黑黑老师

<style>
#mydiv {
        position: relative;
        margin: 120px 0 0 calc(50% - 781px);
        width: 1400px;
        height: 711px;
        background: url('https://pic.imgdb.cn/item/65bba435871b83018a4e2002.jpg') no-repeat center/cover;
        box-shadow: rgba(0,0,0,.6) 4px 6px 12px;
        overflow: hidden;
        z-index: 1;
}
#mydiv::before {
        position: absolute;
        content: '';
      left: -10px;
        top: 30px;
        width: 491px;
        height: 706px;
        background: url('https://pic.imgdb.cn/item/65bba49a871b83018a509ed2.png') no-repeat center/cover;
        clip-path: circle(0%);
        transition: 4s;
}
#mydiv:hover::before {
        clip-path: circle(100%);
}
#player {
        position: absolute;
        left: 670px;
        top: 250px;
        width: 120px;
        height: 120px;
        cursor: pointer;
        opacity: .45;
        animation: rot 6s infinite linear var(--state);
}
#vid {
        position: absolute;
        top: -40px;
                left: 0px;
        width: 1400px;
        height: 750px;
        object-fit: cover;
        mix-blend-mode: screen;
}
@keyframes rot { to { transform: rotate(360deg); } }

#dt5{ position: absolute; width: 325px; height: 233px; top: 40px; left: 380px; }

</style>

<div id="mydiv">

        <audio id="aud" src="https://www.qqmc.com/mp3/music41271192.mp3" autoplay loop></audio>
        <video id="vid" src="https://img3.tukuppt.com/video_show/2414777/00/02/23/5b52ffe5b0de7.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>
        <img id="player" src="https://pic.imgdb.cn/item/65bbab22871b83018a70aa3d.png" alt="" title="播放/暂停" />

<img id="dt5" src="https://xlaj.cn/assets/file/zp/20240131145127.gif " alt="" />

</div>

<script>
(function() {
        let mState = () => aud.paused ? (mydiv.style.setProperty('--state', 'paused'),vid.pause()) : (mydiv.style.setProperty('--state', 'running'),vid.play());
        aud.addEventListener('playing', mState, false);
        aud.addEventListener('pause', mState, false);
        mydiv.addEventListener('click', ()=> aud.paused ? aud.play() : aud.pause(),false);
})();
</script>

红影 发表于 2024-2-1 23:14

好喜庆的帖子，欣赏水芙蓉美女好帖。黑黑收礼开心{:4_187:}

红影 发表于 2024-2-1 23:14

祝福帖子亮起来{:4_204:}

梦油 发表于 2024-2-2 10:23

芙蓉朋友小年快乐！黑黑先生小年快乐！朋友们小年快乐！

樵歌 发表于 2024-2-2 14:30

好喜庆欢乐的祝福新年帖子！小马老师收礼快乐{:4_176:}

菲儿 发表于 2024-2-2 15:50

帖子喜庆漂亮，歌曲也好听{:4_204:}

菲儿 发表于 2024-2-2 15:51

借芙蓉美贴祝黑黑老师收礼开心！{:4_187:}

醉美水芙蓉 发表于 2024-2-2 17:18

红影 发表于 2024-2-1 23:14
好喜庆的帖子，欣赏水芙蓉美女好帖。黑黑收礼开心

谢谢红影鼓励！祝新年快乐！

醉美水芙蓉 发表于 2024-2-2 17:19

梦油 发表于 2024-2-2 10:23
芙蓉朋友小年快乐！黑黑先生小年快乐！朋友们小年快乐！

祝梦油老师新年快乐！

醉美水芙蓉 发表于 2024-2-2 17:20

樵歌 发表于 2024-2-2 14:30
好喜庆欢乐的祝福新年帖子！小马老师收礼快乐

谢谢樵歌鼓励！祝新年快乐！

醉美水芙蓉 发表于 2024-2-2 17:20

菲儿 发表于 2024-2-2 15:50
帖子喜庆漂亮，歌曲也好听

谢谢菲儿鼓励！祝新年快乐！

醉美水芙蓉 发表于 2024-2-2 17:21

@马黑黑 新年快乐！

梦油 发表于 2024-2-2 17:42

醉美水芙蓉 发表于 2024-2-2 17:19
祝梦油老师新年快乐！

我们一起开心，我们一起快乐。

马黑黑 发表于 2024-2-2 17:45

醉美水芙蓉 发表于 2024-2-2 17:21
@马黑黑 新年快乐！

阿，这么厚重的礼物。非常感谢！

红影 发表于 2024-2-2 19:47

醉美水芙蓉 发表于 2024-2-2 17:18
谢谢红影鼓励！祝新年快乐！

谢谢水芙蓉美女，新年快乐{:4_187:}

亦是金 发表于 2024-2-3 12:00

好帖，喜庆！欣赏学习了！{:4_187:}

醉美水芙蓉 发表于 2024-2-3 20:34

亦是金 发表于 2024-2-3 12:00
好帖，喜庆！欣赏学习了！

谢谢老师鼓励！
页: [1]
查看完整版本: 新年快乐TO马黑黑老师