论坛 › 『唯美音画』 › 【雨声音画】和你一起去看雪

雨声 发表于 2023-11-21 14:04

【雨声音画】和你一起去看雪

<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/20/220253k99kjognhgjdh2ii.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=465301792" 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-21 14:05

祝朋友们天天好心情{:10_403:}

浅笑 发表于 2023-11-21 14:51

好浪漫画面，{:10_403:}

雨声 发表于 2023-11-21 15:09

浅笑 发表于 2023-11-21 14:51
好浪漫画面，

问好浅笑，感谢临帖支持，遥祝冬安！{:10_403:}

浅笑 发表于 2023-11-21 15:12

雨声 发表于 2023-11-21 15:09
问好浅笑，感谢临帖支持，遥祝冬安！

一直在欣赏这帖，很喜欢漫天漂雪的样子{:10_401:}

雨声 发表于 2023-11-21 15:16

浅笑 发表于 2023-11-21 15:12
一直在欣赏这帖，很喜欢漫天漂雪的样子

嗯嗯，主要特效带来的效果，雪天给人想象的空间是美好的，
下午好浅笑，感谢加精鼓励！{:10_401:}

楚心兰 发表于 2023-11-21 15:36

雨声 发表于 2023-11-21 14:05
祝朋友们天天好心情

谢谢雨声姐！

墨羽 发表于 2023-11-21 16:45

这也太浪漫了啊，一不小心就一起白了头！{:9005:}

蜻蜓 发表于 2023-11-21 18:42

这特效很美！雨声制作的很棒{:10_402:}

瞳萤 发表于 2023-11-21 19:22

欣赏雨声唯美音画，特效很赞，下雪的场景很喜欢，浪漫~

查看完整版本: 【雨声音画】和你一起去看雪