醉美水芙蓉 发表于 2023-11-11 22:25

不问相逢只听风

<style>
#papa { margin: 0 0 0 calc(50% - 723px); width: 1280px; height: 760px; background: url('https://pic.imgdb.cn/item/654f7ea4c458853aef58c7fa.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; z-index: 1; position: relative; display: grid; place-items: center; }
#papa::before { position: absolute; content: ''; width: 200px; height: 200px; right: 100px; bottom: 40px; background: url('data:image/svg+xml;charset=utf-8,<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"><path d="M120.00 100.00 194.94 103.39 119.95 101.43 194.46 110.16 119.80 102.85 193.49 116.87 119.54 104.25 192.05 123.49 119.19 105.63 190.14 130.00 118.74 106.99 187.77 136.35 118.19 108.31 184.95 142.52 117.55 109.58 181.70 148.48 116.83 110.81 178.03 154.18 116.01 111.99 173.97 159.61 115.11 113.10 169.53 164.73 114.14 114.14 164.73 169.53 113.10 115.11 159.61 173.97 111.99 116.01 154.18 178.03 110.81 116.83 148.48 181.70 109.58 117.55 142.52 184.95 108.31 118.19 136.35 187.77 106.99 118.74 130.00 190.14 105.63 119.19 123.49 192.05 104.25 119.54 116.87 193.49 102.85 119.80 110.16 194.46 101.43 119.95 103.39 194.94 100.00 120.00 96.61 194.94 98.57 119.95 89.84 194.46 97.15 119.80 83.13 193.49 95.75 119.54 76.51 192.05 94.37 119.19 70.00 190.14 93.01 118.74 63.65 187.77 91.69 118.19 57.48 184.95 90.42 117.55 51.52 181.70 89.19 116.83 45.82 178.03 88.01 116.01 40.39 173.97 86.90 115.11 35.27 169.53 85.86 114.14 30.47 164.73 84.89 113.10 26.03 159.61 83.99 111.99 21.97 154.18 83.17 110.81 18.30 148.48 82.45 109.58 15.05 142.52 81.81 108.31 12.23 136.35 81.26 106.99 9.86 130.00 80.81 105.63 7.95 123.49 80.46 104.25 6.51 116.87 80.20 102.85 5.54 110.16 80.05 101.43 5.06 103.39 80.00 100.00 5.06 96.61 80.05 98.57 5.54 89.84 80.20 97.15 6.51 83.13 80.46 95.75 7.95 76.51 80.81 94.37 9.86 70.00 81.26 93.01 12.23 63.65 81.81 91.69 15.05 57.48 82.45 90.42 18.30 51.52 83.17 89.19 21.97 45.82 83.99 88.01 26.03 40.39 84.89 86.90 30.47 35.27 85.86 85.86 35.27 30.47 86.90 84.89 40.39 26.03 88.01 83.99 45.82 21.97 89.19 83.17 51.52 18.30 90.42 82.45 57.48 15.05 91.69 81.81 63.65 12.23 93.01 81.26 70.00 9.86 94.37 80.81 76.51 7.95 95.75 80.46 83.13 6.51 97.15 80.20 89.84 5.54 98.57 80.05 96.61 5.06 100.00 80.00 103.39 5.06 101.43 80.05 110.16 5.54 102.85 80.20 116.87 6.51 104.25 80.46 123.49 7.95 105.63 80.81 130.00 9.86 106.99 81.26 136.35 12.23 108.31 81.81 142.52 15.05 109.58 82.45 148.48 18.30 110.81 83.17 154.18 21.97 111.99 83.99 159.61 26.03 113.10 84.89 164.73 30.47 114.14 85.86 169.53 35.27 115.11 86.90 173.97 40.39 116.01 88.01 178.03 45.82 116.83 89.19 181.70 51.52 117.55 90.42 184.95 57.48 118.19 91.69 187.77 63.65 118.74 93.01 190.14 70.00 119.19 94.37 192.05 76.51 119.54 95.75 193.49 83.13 119.80 97.15 194.46 89.84 119.95 98.57 194.94 96.61z" fill="red" /></svg>'); animation: rot 8s infinite linear var(--state); }
@keyframes rot { to { transform: rotate(1turn); } }
#vid {
        position: absolute;
        width: 130%;
        height: 120%;
        top:-60px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
        z-index: 2;
        opacity: .36;
}
</style>

</style><div id="papa"><video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/01/98/5b4f6dda0115f.mp4" autoplay="" loop="" muted=""></video></div><audio id="aud" src="https://www.qqmc.com/mp3/music311302476.mp3" autoplay="" loop=""></audio>
<script>
(function() {
    let loadJs = (url,callback) => {
      let body = document.querySelector('body'), jsNode = document.createElement('script');
      jsNode.charset = 'utf-8';
      jsNode.setAttribute('src', url);
      body.appendChild(jsNode);
      jsNode.onload = () => callback();
    };

    let playerJs = 'https://638183.freep.cn/638183/web/api/svg_path_lrc.js';
    let lrcAr = [,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
];
   
    loadJs(playerJs, () => {
      HCPlayer({
            papa: '#papa',
            lrcAr: lrcAr,
            lrc_css: ' bottom: 20px;',
            fs_css: 'top: -1000px; background: transparent;',
            player_css: `
                width: 200px;
                height: 200px;
                right: 100px;
                bottom: 40px;
            `,
            path: 'M170.00 100.00 189.27 132.49 153.62 145.00 147.50 182.27 112.16 168.94 83.50 193.56 65.00 160.62 27.23 161.06 34.22 123.94 5.00 100.00 34.22 76.06 27.23 38.94 65.00 39.38 83.50 6.44 112.16 31.06 147.50 17.73 153.62 55.00 189.27 67.51z',
            btn: {left: 34, top: 80},
            track: {track: 'green', prog: '#00bfff'},
            img: {play: '', pause: ''}
      });
    });
})();
</script>

愤怒的葡萄 发表于 2023-11-12 08:31

帖子做得挺漂亮的。

世外桃源 发表于 2023-11-12 11:38

欣赏欣赏

世外桃源 发表于 2023-11-12 11:38

感谢楼主分享

醉美水芙蓉 发表于 2023-11-12 12:14

愤怒的葡萄 发表于 2023-11-12 08:31
帖子做得挺漂亮的。

谢谢朋友支持！

醉美水芙蓉 发表于 2023-11-12 12:14

世外桃源 发表于 2023-11-12 11:38
感谢楼主分享

谢谢朋友支持！

愤怒的葡萄 发表于 2023-11-13 06:16

进来欣赏一下，图片蛮漂亮的。

红影 发表于 2023-11-13 12:51

好美的制作，在路径里还放了动图，背景视频也选得好。
歌曲也好听，欣赏水芙蓉美女好帖{:4_199:}

愤怒的葡萄 发表于 2023-11-13 12:55

红影 发表于 2023-11-13 12:51
好美的制作，在路径里还放了动图，背景视频也选得好。
歌曲也好听，欣赏水芙蓉美女好帖
影子你中午休息闲暇时间来论坛了。

醉美水芙蓉 发表于 2023-11-13 19:09

红影 发表于 2023-11-13 12:51
好美的制作，在路径里还放了动图，背景视频也选得好。
歌曲也好听，欣赏水芙蓉美女好帖

谢谢红影美女支持！不是动图，路径里是黑黑老师的旋转路径！

千羽 发表于 2023-11-13 20:56

音乐提神，画面唯美，欣赏芙蓉的精美制作{:4_187:}

千羽 发表于 2023-11-13 20:57

问好芙蓉，新周快乐{:4_187:}

醉美水芙蓉 发表于 2023-11-13 21:22

千羽 发表于 2023-11-13 20:56
音乐提神，画面唯美，欣赏芙蓉的精美制作

千羽美女晚上好！谢谢光临！

红影 发表于 2023-11-13 21:38

愤怒的葡萄 发表于 2023-11-13 12:55
影子你中午休息闲暇时间来论坛了。

我一般没事就喜欢跑论坛转转{:4_173:}

红影 发表于 2023-11-13 21:38

醉美水芙蓉 发表于 2023-11-13 19:09
谢谢红影美女支持！不是动图，路径里是黑黑老师的旋转路径！

原来是这个，水芙蓉美女这个用得好呢{:4_199:}
页: [1]
查看完整版本: 不问相逢只听风