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

【雨声音画】梅花雪

本帖最后由 雨声 于 2023-12-17 12:13 编辑 <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('https://www.bohann.net/data/attachment/forum/202312/16/165956omyegiu6yizuly8m.jpg') no-repeat center/cover;
        box-shadow: 0 0 15px #333;
        overflow: hidden;
        position: relative;
        --state: paused;
}
#vid {
        position: absolute;
        width: 100%;
        height: 100%;
        top:-50px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
        z-index: 2;
        opacity: .86;
}
lz-3d {
        position: absolute;
        left: calc(50% -0px);
        top: calc(50% - 0px);
        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/6181262/01/28/52/6291f4dfd1ef7.mp4" autoplay="" loop="" muted=""></video></div><audio id="aud" src="https://music.163.com/song/media/outer/url?id=1457099754" 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-17 12:13

祝友友们冬日安好！{:4_204:}

红影 发表于 2023-12-17 12:34

雪中的美人儿亭亭玉立，好美啊。{:4_199:}

红影 发表于 2023-12-17 12:36

朦胧的背景映衬也漂亮，还有大朵飘落的花儿。字体设计也漂亮。欣赏雨声姐好帖{:4_199:}

世外桃源 发表于 2023-12-17 13:39

漂亮的音画制作，标题字出彩{:4_199:}

世外桃源 发表于 2023-12-17 13:40

人物和背景溶图吻合太完美了

世外桃源 发表于 2023-12-17 13:41

感谢分享，欣赏问好{:4_187:}

世外桃源 发表于 2023-12-17 13:43

背景花瓣视频还可以减低透明度

梦缘 发表于 2023-12-17 14:17

好美的图，欣赏问好！{:4_187:}

樵歌 发表于 2023-12-17 15:35

这意境美得醉人心。看图意就觉得一片光明澄净，加上那纯情的音乐，简直天上人间了。{:4_187:}

幸运草 发表于 2023-12-17 19:24

好美吖{:6_244:}
页: [1]
查看完整版本: 【雨声音画】梅花雪