论坛 › 动画音画 › 【雨声音画】和你一起去看雪

雨声 发表于 2023-12-2 14:24

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

本帖最后由 雨声 于 2023-12-2 15:49 编辑 <br /><br /></DIV style="LEFT: -260px; WIDTH: 1600px; POSITION: relative; TOP: 120px">
<style>#mydiv {
        margin: 0 0 0 calc(40% - 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-12-2 14:25

祝朋友们冬日安好，周末快乐！{:4_204:}

冬天的雨 发表于 2023-12-2 14:29

问好美女，这个图图下面加不了分 不过看见这么美的图，心里给你加100分

冬天的雨 发表于 2023-12-2 14:30

还是听不到音乐，郁闷

冬天的雨 发表于 2023-12-2 14:30

雨声 发表于 2023-12-2 14:25
祝朋友们冬日安好，周末快乐！

同样的祝福送给你，冬日快乐

冬天的雨 发表于 2023-12-2 14:38

再进来听听有没有音乐

冬天的雨 发表于 2023-12-2 14:40

估计是163网易音乐，许多手机不能兼容的，电脑可以欣赏

冬天的雨 发表于 2023-12-2 14:40

感谢美女分享美图，周末快乐

愤怒的葡萄 发表于 2023-12-2 16:02

我也听不到音乐声啊，是我的火狐浏览器不兼容的问题吗？

非常开心 发表于 2023-12-2 16:08

梦油 发表于 2023-12-2 17:04

我这里可以听到音乐。

醉美水芙蓉 发表于 2023-12-2 19:33

焱鑫磊 发表于 2023-12-2 19:38

欣赏！音乐效果很好的。{:4_187:}

红影 发表于 2023-12-2 20:15

这雪下的好大啊，雪中的一对那么幸福{:4_187:}

红影 发表于 2023-12-2 20:16

雨声姐的制作总是那么美妙{:4_199:}

雨声 发表于 2023-12-3 17:46

冬天的雨 发表于 2023-12-2 14:29
问好美女，这个图图下面加不了分 不过看见这么美的图，心里给你加100分

问好冬雨帅帅，谢谢你得满分支持鼓励！{:4_180:}

雨声 发表于 2023-12-3 17:47

冬天的雨 发表于 2023-12-2 14:30
还是听不到音乐，郁闷

啊，听不到音乐吗？{:4_197:}

雨声 发表于 2023-12-3 17:48

冬天的雨 发表于 2023-12-2 14:40
估计是163网易音乐，许多手机不能兼容的，电脑可以欣赏

不会啊，我用手机试了下，是可以听到{:4_173:}

雨声 发表于 2023-12-3 17:49

冬天的雨 发表于 2023-12-2 14:30
同样的祝福送给你，冬日快乐

谢谢冬雨的祝福。上茶{:4_180:}

雨声 发表于 2023-12-3 17:50

冬天的雨 发表于 2023-12-2 14:38
再进来听听有没有音乐

我用手机试了下，是可以听到音乐的，不知冬帅咋听不到{:4_173:}

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