有声有色 发表于 2023-8-10 13:34

TO黑老师（拉兹之歌）


<style>
#papa {margin: 110px -300px; width: 1200px; height: 675px; background: url('https://pic.imgdb.cn/item/64d442ea1ddac507ccb9d8a9.gif') no-repeat center/cover; box-shadow: 3px 3px 20px #000; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#papa::before, #papa::after { position: absolute; content: ''; width: 10px; height: 100px; top: 5px; -webkit-box-reflect: below 480px linear-gradient(to bottom, transparent, rgba(255,255,255,.5)); animation: change 10s infinite alternate var(--state); }
#papa::before { left: 5px; background: repeating-linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.4) 5px,transparent 5px,transparent 10px); }
#papa::after { right: 5px; background: repeating-linear-gradient(to left,rgba(255,255,255,.4),rgba(255,255,255,.4) 5px,transparent 5px,transparent 10px); }
@keyframes change { to { width: 400px; } }
</style>

<div id="papa"></div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=358377.mp3" autoplay loop></audio>
<script>

(function() {
    let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/huakuai_lrc.js';
    script.charset = 'utf-8';
    document.head.appendChild(script);
    let geci = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
    window.onload = () => {
      HCPlayer({
            papa: '#papa',
            lrcAr: geci,
            lrc_css: `
                top: 20px;
                color: lightblue;
                -webkit-box-reflect: below 540px linear-gradient(to bottom, transparent, rgba(255,255,255,.5));
                --bg: linear-gradient(rgba(10,200,100,.25),rgba(10,200,100,.7));
            `,
            player_css: `
                top: 100px;
                color: #fff;
                -webkit-box-reflect: below 400px linear-gradient(to bottom, transparent, rgba(255,255,255,.5));
                --track: lightblue;
                --prog: snow;
                --ww: 300px;
                --slider: orange;
            `,
      });
    }
})();

</script>

小辣椒 发表于 2023-8-10 13:39

欣赏有声有色的精彩制作{:4_199:}

小辣椒 发表于 2023-8-10 13:40

黑黑老师收礼开心@马黑黑

有声有色 发表于 2023-8-10 13:45

小辣椒 发表于 2023-8-10 13:39
欣赏有声有色的精彩制作

谢谢辣椒老师

小辣椒 发表于 2023-8-10 13:47

有声有色 发表于 2023-8-10 13:45
谢谢辣椒老师

刚看见焱鑫磊做的播放器和你一样的，但你这个动图让画面增色不少，漂亮的

有声有色 发表于 2023-8-10 14:03

小辣椒 发表于 2023-8-10 13:47
刚看见焱鑫磊做的播放器和你一样的，但你这个动图让画面增色不少，漂亮的

谢谢鼓励，这是今天做的一个镂空球动图

小辣椒 发表于 2023-8-10 14:05

有声有色 发表于 2023-8-10 14:03
谢谢鼓励，这是今天做的一个镂空球动图

不错哦，加了自己的logo？

红影 发表于 2023-8-10 14:50

很漂亮的动图，真奇妙的画面。欣赏有声有色老师好帖{:4_199:}

焱鑫磊 发表于 2023-8-10 14:56

漂亮！喜欢！{:4_187:}

有声有色 发表于 2023-8-10 15:33

红影 发表于 2023-8-10 14:50
很漂亮的动图，真奇妙的画面。欣赏有声有色老师好帖

谢谢鼓励

有声有色 发表于 2023-8-10 15:33

焱鑫磊 发表于 2023-8-10 14:56
漂亮！喜欢！

谢谢支持

醉美水芙蓉 发表于 2023-8-10 17:07

醉美水芙蓉 发表于 2023-8-10 17:08

马黑黑 发表于 2023-8-10 19:01

小辣椒 发表于 2023-8-10 13:40
黑黑老师收礼开心@马黑黑

同开同开{:4_170:}

马黑黑 发表于 2023-8-10 19:01

醉美水芙蓉 发表于 2023-8-10 17:08
@马黑黑 老师收礼开心！

谢谢

马黑黑 发表于 2023-8-10 19:01

流浪者之歌，经典的

马黑黑 发表于 2023-8-10 19:01

感谢楼主

红影 发表于 2023-8-10 19:46

有声有色 发表于 2023-8-10 15:33
谢谢鼓励

歌词同步很准确，厉害{:4_187:}

有声有色 发表于 2023-8-11 08:02

醉美水芙蓉 发表于 2023-8-10 17:07
欣赏老师漂亮动图！

谢谢鼓励

有声有色 发表于 2023-8-11 08:03

马黑黑 发表于 2023-8-10 19:01
感谢楼主

谢谢
页: [1] 2
查看完整版本: TO黑老师（拉兹之歌）