雨声 发表于 4 天前

【雨声音画】让时光搁浅一会 致：淥詶（祝周末快乐）

<style>#mydiv {
        margin: 0 0 0 calc(51% - 990px);
        width: 1800px;
        height: 900px;
        top:130px;
background: url('https://www.yhyhlt.com/data/attachment/forum/202512/05/114945wsq8qdswwvpsxeos.jpg') no-repeat center/cover;
        box-shadow: 0 0 0px #333;
        overflow: hidden;
        position: relative;
        --state: paused;
}
#vid {
        position: absolute;
        width: 80%;
        height: 100%;
        top:-80px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
        z-index: 2;
        opacity: .26;
}
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(60px) rotate(0) translate3d(0,0,0); }
}</style><div id="mydiv"><video id="vid" src="https://img.tukuppt.com/video_show/7165162/00/17/65/5ecb8fa5f0765.mp4" autoplay="" loop="" muted=""></video></div><audio id="aud" src="https://music.163.com/song/media/outer/url?id=2161214211" 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>
<BR><BR><BR><BR><BR><BR><BR>

雨声 发表于 4 天前

@圊圊淥詶

谢谢洲弟做的漂亮签名，制作辛苦，周末快乐~

安月 发表于 4 天前

这就是传说中的沙发。坐了

安月 发表于 4 天前

画面温馨美好，如果时光可以倒流就好了

绿蔷薇 发表于 4 天前

雨儿的图图好美，浅浅蓝白调，纹理细致，柔和的水光，轻微的颗粒感，既干净又有氛围感~~~{:4_123:}

绿蔷薇 发表于 4 天前

标题文字的设计制作，简约不简单，很喜欢~~{:5_130:}

绿蔷薇 发表于 4 天前

问好雨儿，周末快乐哈~~{:1_151:}

绿蔷薇 发表于 4 天前

帅快来收礼呀，礼物又美又温馨~~~{:1_154:}

呼吸 发表于 4 天前

漂亮音画，制作细腻，完美诠释主题，耐品！欣赏学习雨声妞精彩佳作！{:1_150:}

呼吸 发表于 4 天前

谢谢雨声妞分享佳作 祝创作愉快幸福久久！{:1_155:}
页: [1] 2 3
查看完整版本: 【雨声音画】让时光搁浅一会 致：淥詶（祝周末快乐）