醉美水芙蓉 发表于 2023-9-2 19:58

爱上你我很快乐

本帖最后由 醉美水芙蓉 于 2023-9-2 20:23 编辑 <br /><br /> <style>
      #papa { margin: 0 0 0 calc(50% - 593px); 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-2 20:02

问好水芙蓉，这个颜色改的漂亮{:4_199:}

小辣椒 发表于 2023-9-2 20:05

我手机欣赏的，晚上电脑上去再欣赏{:4_171:}

醉美水芙蓉 发表于 2023-9-2 20:07

小辣椒 发表于 2023-9-2 20:05
我手机欣赏的，晚上电脑上去再欣赏

小辣椒晚上好！谢谢欣赏支持！

东篱闲人 发表于 2023-9-2 20:17

来看看芙蓉爱上谁了。。。。{:5_117:}

醉美水芙蓉 发表于 2023-9-2 20:24

东篱闲人 发表于 2023-9-2 20:17
来看看芙蓉爱上谁了。。。。

东篱老师晚上好！

小辣椒 发表于 2023-9-2 20:31

醉美水芙蓉 发表于 2023-9-2 20:07
小辣椒晚上好！谢谢欣赏支持！

手机有时候看不完整，回家仔细欣赏，刚看见黑黑的新源码分享，这个效果很美的，和昨天的不一样的

东篱闲人 发表于 2023-9-2 20:38

醉美水芙蓉 发表于 2023-9-2 20:24
东篱老师晚上好！

嗯嗯，好。。。{:4_204:}

红影 发表于 2023-9-2 21:04

看到这个外滩对面陆家嘴的夜景感觉很亲切。上海中心大厦和东方明珠电视塔都在搞搞耸立。上海中心的灯光秀还没全开出来呢，否则更漂亮。{:4_204:}

红影 发表于 2023-9-2 21:05

水芙蓉美女做得真快，珠珠的颜色也弄得很美。欣赏好帖{:4_187:}

焱鑫磊 发表于 2023-9-2 21:22

朋友神速！{:4_187:}

醉美水芙蓉 发表于 2023-9-2 21:47

红影 发表于 2023-9-2 21:05
水芙蓉美女做得真快，珠珠的颜色也弄得很美。欣赏好帖

谢谢红影美女支持！

醉美水芙蓉 发表于 2023-9-2 21:47

焱鑫磊 发表于 2023-9-2 21:22
朋友神速！

谢谢朋友支持！

红影 发表于 2023-9-2 22:38

醉美水芙蓉 发表于 2023-9-2 21:47
谢谢红影美女支持！

问好水芙蓉，周六快乐{:4_187:}
页: [1]
查看完整版本: 爱上你我很快乐