论坛首页 › 单图音画 › 爱上你我很快乐

醉美水芙蓉 发表于 2023-9-12 19:43:42

爱上你我很快乐

<style>
      #papa { margin: 0 0 0 calc(50% -493px); width: 1024px; height: 640px; background: url('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/live/b1ff888c268740c1495b54b9653a1db7.mp4.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
      .meteor { position: absolute; width: 2px; height: 2px; background: linear-gradient(to right, transparent, lightblue); transform: rotate(30deg); animation: fall var(--du) var(--delay) infinite linear; }
      @keyframes fall { to { transform: translate(100px,100px) rotate(40deg); width: var(--ww); opacity: 0; } }
#vid { position: absolute; width: 110%; height: 120%; object-fit: cover; pointer-events: none; z-index: -1; opacity: 1; }
</style>

<div id="papa">
<video id="vid" src=" https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/40cdf890df1320b8ec05e14c8fce479b_preview.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>
<div id="meteor"></div>
</div>
<audio id="aud" src="https://www.qqmc.com/mp3/music281320900.mp3" autoplay loop></audio>

<script>
      
(function() {
      let script = document.createElement('script');
      script.src = 'https://638183.freep.cn/638183/web/api/anklet_lrc.js';
      script.charset = 'utf-8';
      document.head.appendChild(script);
      let geci = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
      script.onload = () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: geci,
                        lrc_css: 'top: 20px; color: lightblue; --bg: linear-gradient(rgba(240,240,180,.2),rgba(240,240,180,.4));',
                        fs_css: 'top: 100px; color: #ddd; background: #000;',
                        player_css: `
                              bottom: 30px;
                              border-width: 0;
                              color:DarkOrchid;
                              --size: 240px;
                              --bRad: 50%;
                              --track: gray;
                              --prog: lightblue;
                              --btnBg: linear-gradient(DarkOrchid, snow);
                        `,
                        lizi: { color1: 'DarkOrchid', color2: 'silver' },
                });
      };
      [...new Array(40).keys()].forEach((e,k) => {
                e = document.createElement('span');
                e.className = 'meteor';
                e.style.cssText += `
                        left: ${100 * Math.random()}%;
                        top: ${20 * Math.random()}%;
                        --du: ${6 + Math.random() * 4}s;
                        --delay: -${Math.random() * 6}s;
                        --ww: ${50 + Math.random() * 50}px;
                `;
                papa.appendChild(e);
      });
})();

</script>

宇神无敌 发表于 2023-9-12 19:50:21

好听的歌，欣赏问好！:hug:

醉美水芙蓉 发表于 2023-9-12 20:05:31

宇神无敌 发表于 2023-9-12 19:50
好听的歌，欣赏问好！

谢谢朋友支持！

顶不顶个球 发表于 2023-9-15 14:37:07

这个作品漂亮！！！！

醉美水芙蓉 发表于 2023-9-15 17:27:40

顶不顶个球 发表于 2023-9-15 14:37
这个作品漂亮！！！！

谢谢朋友支持！

红尘过客 发表于 2023-9-19 21:14:34

这个作品漂亮！！！！

醉美水芙蓉 发表于 2023-9-19 21:50:33

红尘过客 发表于 2023-9-19 21:14
这个作品漂亮！！！！

谢谢朋友支持！

肖浅 发表于 2023-10-3 09:59:47

这个作品漂亮！！！！

醉美水芙蓉 发表于 2023-10-3 21:57:10

肖浅 发表于 2023-10-3 09:59
这个作品漂亮！！！！

谢谢朋友支持！

活跃概况 发表于 2023-11-28 22:44:43

这个作品漂亮！！！！

查看完整版本: 爱上你我很快乐