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

沧桑人生路

<style>
#papa { margin: 0 0 0 calc(50% - 723px); width: 1280px; height: 760px; background: url('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/67675ed4162528e753aadbd48c095fe8_preview.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; top: 40px; background: url('data:image/svg+xml;charset=utf-8,<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"><path d="m118,96l74.68,7.85l-74.95,-4.56l72.36,20.03l-73.17,-16.83l68.08,31.67l-69.41,-28.64l61.94,42.44l-63.75,-39.68l54.11,52.06l-56.34,-49.63l44.8,60.26l-47.41,-58.23l34.28,66.81l-37.19,-65.23l22.82,71.53l-25.94,-70.46l10.73,74.31l-13.99,-73.77l-1.65,75.07l-1.65,-75.07l-13.99,73.77l10.73,-74.31l-25.94,70.46l22.82,-71.53l-37.19,65.23l34.28,-66.81l-47.41,58.23l44.8,-60.26l-56.34,49.63l54.11,-52.06l-63.75,39.68l61.94,-42.44l-69.41,28.64l68.08,-31.67l-73.17,16.83l72.36,-20.03l-74.95,4.56l74.68,-7.85l-74.68,-7.85l74.95,4.56l-72.36,-20.03l73.17,16.83l-68.08,-31.67l69.41,28.64l-61.94,-42.44l63.75,39.68l-54.11,-52.06l56.34,49.63l-44.8,-60.26l47.41,58.23l-34.28,-66.81l37.19,65.23l-22.82,-71.53l25.94,70.46l-10.73,-74.31l13.99,73.77l1.65,-75.07l1.65,75.07l13.99,-73.77l-10.73,74.31l25.94,-70.46l-22.82,71.53l37.19,-65.23l-34.28,66.81l47.41,-58.23l-44.8,60.26l56.34,-49.63l-54.11,52.06l63.75,-39.68l-61.94,42.44l69.41,-28.64l-68.08,31.67l73.17,-16.83l-72.36,20.03l74.95,-4.56l-74.68,7.85z" 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-baofun.zhhainiao.com/pcwallpaper_ugc/scene/67675ed4162528e753aadbd48c095fe8_preview.mp4" autoplay="" loop="" muted=""></video></div><audio id="aud" src="https://www.qqmc.com/mp3/music315550511.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;
                top: 40px;
            `,
            path: 'M10 100 A90 90 0 1 1 190 100 A90 90 0 1 1 10 100 ',
            btn: {left: 34, top: 80},
            track: {track: '#808080', prog: '#EE11EE'},
            img: {play: '', pause: ''}
      });
    });
})();
</script>

红影 发表于 2023-11-19 23:14

好听的歌曲，漂亮的制作。欣赏水芙蓉美女好帖{:4_187:}

醉美水芙蓉 发表于 2023-11-20 07:03

红影 发表于 2023-11-19 23:14
好听的歌曲，漂亮的制作。欣赏水芙蓉美女好帖

谢谢红影点评支持

老谟深虑 发表于 2023-11-20 10:37

            欣赏老师的音画佳作，点赞！

醉美水芙蓉 发表于 2023-11-20 11:56

老谟深虑 发表于 2023-11-20 10:37
欣赏老师的音画佳作，点赞！

谢谢老师支持！

红影 发表于 2023-11-20 16:15

醉美水芙蓉 发表于 2023-11-20 07:03
谢谢红影点评支持

客气了，问好水芙蓉美女{:4_187:}

小辣椒 发表于 2023-11-20 21:55

水芙蓉这个太阳花加圆路径制作也是漂亮的{:4_199:}

小辣椒 发表于 2023-11-20 21:57

应该是转载双路径效果吧{:4_199:}

小辣椒 发表于 2023-11-20 22:00

歌曲也是好听

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

小辣椒 发表于 2023-11-20 22:00
歌曲也是好听

谢谢小辣椒点评支持！
页: [1]
查看完整版本: 沧桑人生路