论坛 › 『欢庆双节·情满东篱』 › 【画笔似有马良功】十五的月亮 歌手：黑鸭子组合

宁静 发表于 2023-9-29 12:04

【画笔似有马良功】十五的月亮 歌手：黑鸭子组合

<style>
        #papa { margin: 150px 0 0 calc(50% - 775px); width: 1391px; height: 771px; background: url(' https://xlaj.cn/assets/file/zp/20230929010749.gif') 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; } }
#dt1{ position: absolute; width: 556px; height: 339px; bottom: -10px; left: -100px; }

#ship { position: absolute; width: 100%; height: 120%;object-fit: cover; pointer-events: none;z-index: 2; opacity: 0.3; }


</style>

<div id="papa">

<img id="dt1" src=" https://xlaj.cn/assets/file/zp/20230929010822.gif" alt="" />
<video id="ship" src="https://img.tukuppt.com/video_show/2629112/00/01/92/5b4df1b7815f2.mp" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>


<span class="meteor"></span></div>
<audio id="aud" src=" https://xlaj.cn/assets/file/zp/20230929010706.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: 8%; color: Green; --bg: linear-gradient(rgba(255,255,0,.5),rgba(255,255,0,.15));',
                        fs_css: 'bottom: 100px; color: #ddd; background: #03090a;',
                        player_css: `
                                bottom: 50px;
                                border-width: 0;
                                color: lightblue;
                                --size: 300px;
                                --bRad: 50%;
                                --track: gray;
                                --prog: RoyalBlue;
                                --btnBg: linear-gradient(Green, Yellow);
                        `,
                        lizi: { color1: 'Green', color2: 'Yellow' },
                });
        };
        [...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>
<br><br><br><br>

瞳萤 发表于 2023-9-29 12:28

漂亮的音画，沙发欣赏{:10_402:}

蜻蜓 发表于 2023-9-29 17:05

宁静制作的漂亮！中秋节日快乐！{:10_402:}

一抹微蓝 发表于 2023-9-29 21:00

好漂亮啊，宁静中秋快乐{:10_402:}

鲸落深蓝 发表于 2023-9-29 21:28

背景非常可爱啊，音画制作很漂亮，

墨羽 发表于 2023-9-29 22:02

老歌很入味，幸运草也好漂亮！{:9022:}{:10_403:}

撒哈拉的雨 发表于 2023-9-30 14:31

节日快乐！

撒哈拉的雨 发表于 2023-9-30 14:32

单图做的漂亮{:7_283:}

撒哈拉的雨 发表于 2023-9-30 14:32

送你一朵玫瑰花，愿你永远开心幸福

浅笑 发表于 2023-9-30 20:11

好漂亮的帖子，宁静中秋快乐

查看完整版本: 【画笔似有马良功】十五的月亮 歌手：黑鸭子组合