雨声 发表于 2023-11-19 17:10

【雨声音画】雪花纷飞,致:悦儿妹妹


<DIV style="LEFT: -260px; WIDTH: 1600px; POSITION: relative; TOP: 120px">
<style>#mydiv {
        margin: 0 0 0 calc(50% - 900px);
        width: 1600px;
        height:800px;
        background: url('http://www.bohann.net/data/attachment/forum/202311/19/113328ouowzjyk9puxx9oi.jpg') no-repeat center/cover;
        box-shadow: 0 0 0px #333;
        overflow: hidden;
        position: relative;
        --state: paused;
}
#vid {
        position: absolute;
        width: 120%;
        height: 100%;
        top:-60px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
        z-index: 2;
        opacity: .86;
}
lz-3d {
        position: absolute;
        left: calc(50% - 5px);
        top: calc(50% - 5px);
        width: 10px;
        height: 10px;
        border-radius: 50%;
opacity: .26;
        background: gray;
        transform: perspective(200px) rotate(var(--deg)) translate3d(var(--xx), var(--yy), var(--zz));
        animation: o2C var(--du) var(--delay) infinite linear var(--state);
}
@keyframes o2C {
        to { transform: perspective(200px) rotate(0) translate3d(0,0,0); }
}</style><div id="mydiv"><video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/01/59/5b46b86e6c5bf.mp4" autoplay="" loop="" muted=""></video></div><audio id="aud" src="https://music.163.com/song/media/outer/url?id=329302" autoplay="" loop=""></audio><script>let total = 80, ww = mydiv.offsetWidth, hh = mydiv.offsetHeight;
let script = document.createElement('script');


document.body.appendChild(script);
Array.from({length: total}).forEach( (item,key) => {
        item = document.createElement('lz-3d');
        item.style.cssText += `
       
        mydiv.appendChild(item);
});

script.onload = () => {
        HCPlayer({
                papa: '#mydiv',
                player_css: 'left: 10px; bottom: 10px;',
                img: {
                        enter: '',/* 进入全屏按钮地址 */
                        quit: '',/* 退出全屏按钮地址 */
                        play: '',/* 播放按钮地址 */
                        pause: '',/* 暂停按钮地址 */
                }
        });
}</script>

雨声 发表于 2023-11-19 17:12

谢谢悦儿妹妹送的好看的章章,祝小妹妹天天好心情!{:10_403:}

雨声 发表于 2023-11-19 17:12

妹妹,我先下了,晚上见!{:10_401:}

悦儿 发表于 2023-11-19 17:18

雨声 发表于 2023-11-19 17:12
妹妹,我先下了,晚上见!

好的,姐姐晚上见

瞳萤 发表于 2023-11-19 19:18

素材和制作都好看,雨声 悦儿两美女都开心哈~

雨声 发表于 2023-11-20 11:28

悦儿 发表于 2023-11-19 17:18
好的,姐姐晚上见

小妹妹,新周快乐!

雨声 发表于 2023-11-20 11:29

瞳萤 发表于 2023-11-19 19:18
素材和制作都好看,雨声 悦儿两美女都开心哈~

谢谢妞,新周快乐!

蜻蜓 发表于 2023-11-20 16:17

雨声真是高产{:10_402:}

蜻蜓 发表于 2023-11-20 16:18

帖子漂亮!雨声下午好!{:10_402:}

悦儿 发表于 2023-11-20 17:41

雨声 发表于 2023-11-20 11:28
小妹妹,新周快乐!

雨声姐姐,新周开心快乐
页: [1] 2
查看完整版本: 【雨声音画】雪花纷飞,致:悦儿妹妹