红影 发表于 2023-12-9 23:58

《拥抱着你的滋味》TO 炎鑫磊

<style>
#papa { margin: 0 0 0 calc(50% - 681px); width: 1200px; height: 700px; background: url('https://pic.imgdb.cn/item/65748000c458853aef094c79.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; }
#sky { position: absolute; width: 600px; height: 200px; bottom: 100px; left: 600px; transform: rotate(0deg); }
#btnPlay { filter: hue-rotate(260deg); }
</style>
<div id="papa">
        <div id="sky"></div>
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=355386" autoplay loop></audio>
</div>
<script>
(function() {
        let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        let js1 = 'https://638183.freep.cn/638183/web/api/svg_path_lrc.js',
                js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_2d.js';
        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();
        };
        loadJs(js1, () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: lrcAr,
                        lrc_css: 'top: 20px;color: Linen; --bg: linear-gradient(rgba(247,202,239,.25),rgba(241,131,223,.9));',
                        fs_css: 'left: -200px; transform: translate(-100px,40px); color: #eee; background: transparent;',
                        player_css: 'transform: translate(-100px,0); width: 240px; height: 240px; right: 160px; top:120px;',
                        path: 'm120.49999,62.44911c45.55863,-128.76177 224.05876,0 0,165.55087c-224.05876,-165.55087 -45.55863,-294.31264 0,-165.55087z',
                        btn: {left: 54, top: 100},
                        track: {track: 'red', prog: 'pink'},
                        img: {play: '', pause: ''}
                });
        });

        loadJs(js2, () => {
                H5lz({
                        papa: '#sky',
                        total: 7,
                        size: {width: 80, height: 80},
                        shape: {background: 'url("https://pic.imgdb.cn/item/65748039c458853aef0b1662.png") no-repeat center/cover', borderRadius: '0'},
                        ani: 'toLeft',
                        maxTime: 30,
                        offset: {x: 0, y: 0},
                });
        });
})();

</script>

红影 发表于 2023-12-9 23:59

感谢炎鑫磊的好礼。做个小帖回礼,希望你喜欢@炎鑫磊 {:4_187:}

红影 发表于 2023-12-10 00:00

这个心形路径还没做过呢,直接用了黑黑的路径做个玩。感谢@马黑黑的代码{:4_187:}

焱鑫磊 发表于 2023-12-10 00:00

红影 发表于 2023-12-9 23:59
感谢炎鑫磊的好礼。做个小帖回礼,希望你喜欢@炎鑫磊

红影厉害。好礼收下了!谢谢!{:4_187:}

红影 发表于 2023-12-10 00:01

焱鑫磊 发表于 2023-12-10 00:00
红影厉害。好礼收下了!谢谢!

哇,你这么快啊。应该谢谢你才是,你的礼物很喜欢{:4_179:}

红影 发表于 2023-12-10 00:03

焱鑫磊 发表于 2023-12-10 00:00
红影厉害。好礼收下了!谢谢!

为了这个心形,就选了首情歌。{:4_173:}祝愿炎鑫磊有最美好的情感{:4_187:}

焱鑫磊 发表于 2023-12-10 00:15

红影 发表于 2023-12-10 00:03
为了这个心形,就选了首情歌。祝愿炎鑫磊有最美好的情感

{:4_179:}

梦油 发表于 2023-12-10 09:03

影子朋友早晨好!这个心做得很有意思啊。

红影 发表于 2023-12-10 09:22

焱鑫磊 发表于 2023-12-10 00:15


抱抱,早上好{:4_183:}

红影 发表于 2023-12-10 09:22

梦油 发表于 2023-12-10 09:03
影子朋友早晨好!这个心做得很有意思啊。

这是个路径,直接用了黑黑的路径代码{:4_173:}

梦油 发表于 2023-12-10 16:56

红影 发表于 2023-12-10 09:22
这是个路径,直接用了黑黑的路径代码

挺有意思的。{:5_116:}

老谟深虑 发表于 2023-12-10 17:00

      欣赏老师的佳作,点赞!

小鱼儿 发表于 2023-12-10 18:10

带劲那个心心很别致

红影 发表于 2023-12-10 19:56

梦油 发表于 2023-12-10 16:56
挺有意思的。

挺好看的,一直挺喜欢这个路径的{:4_204:}

红影 发表于 2023-12-10 19:56

老谟深虑 发表于 2023-12-10 17:00
欣赏老师的佳作,点赞!

问好老谟深虑老师,看到您能上来了,开心{:4_187:}

红影 发表于 2023-12-10 19:56

小鱼儿 发表于 2023-12-10 18:10
带劲那个心心很别致

谢谢小鱼儿鼓励{:4_187:}

岁月·如歌 发表于 2023-12-10 20:20

漂亮!特喜欢这紫色!{:4_204:}{:4_199:}

红影 发表于 2023-12-10 21:14

岁月·如歌 发表于 2023-12-10 20:20
漂亮!特喜欢这紫色!

谢谢岁月如歌,昨天收到炎鑫磊礼物,匆忙做了个小帖,能得到你的夸奖,开心{:4_187:}

辫子哥哥 发表于 2023-12-14 14:08

因为你是我最爱的宝贝{:4_205:}

辫子哥哥 发表于 2023-12-14 14:09

送礼 收礼的都开心快乐
页: [1] 2
查看完整版本: 《拥抱着你的滋味》TO 炎鑫磊