梦江南 发表于 2024-8-30 14:51

学习帖【枫叶情】黑黑老师故梦寒代码




<style>
#mama {
        margin: 130px 0 30px calc(50% - 721px);
        width: 1280px;
        height: 720px;
        background: url('https://pic.imgdb.cn/item/66d1407ad9c307b7e92b7ad7.gif') no-repeat center/cover;
        box-shadow: 0 0 8px gray;
        overflow: hidden;
        z-index: 1;
        position: relative;
}
#mama > video {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        mix-blend-mode: screen;
        -webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
        pointer-events: none;
}
</style>


<div id="mama" class="mama">
        <audio src="https://music.163.com/song/media/outer/url?id=1985129192" autoplay loop></audio>
        <video src="https://img.tukuppt.com/video_show/7165162/00/18/05/5ed870ed14fc5.mp4" autoplay loop muted></video>
</div>

<script>
var geci = `作词 : Traditional\n作曲 : Traditional\n歌手：林淑容\n一年容易又秋天\n又见到枫叶一片片\n你那红红的笑脸 要比枫叶还更娇艳\n叫我对你又爱又怜\n我们常在枫林里流连流连\n爱在你我心里缠绵缠绵\n一片枫叶一片情 片片都有我爱和怜\n朝朝暮暮直到永远\n我爱美丽的秋天 我更爱枫叶一片片\n要在片片的枫叶上 写下我俩的心愿\n但愿俩情永远不变\n你带给我柔情万千万千\n我带给你爱意无限无限\n一片枫叶一片情 愿你常记在心田\n岁岁年年天上人间\n我们常在枫林里流连流连\n爱在你我心里缠绵缠绵\n一片枫叶一片情 片片都有我爱和怜\n朝朝暮暮直到永远\n`;

var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/ewave_yslrc.js';
document.body.appendChild(sf);

sf.onload = () => {
        HCPlayer({
                papa: '#mama',
                geci: geci,
                skip: 0,
                average: 0,
                circle: { num: 20, len: 10, color: 'lightblue'},
                player_css: 'right: 80px; top: 80px; --bg: transparent; --br: 50%; --opacity: .25; ',
                lrc_css: 'left: 50%; transform: translateX(-50%); top: 20px; --bg: linear-gradient( #eee, #eeeeee80); color: #666;',
                fs_css: 'left: 46%; bottom: 20px; --bg: transparent; --color: #eee;',
        });
};
</script>

红影 发表于 2024-8-30 15:16

端坐在满山红叶中，倾听秋的韵语。
好美妙的制作，欣赏江南好帖{:4_199:}

红影 发表于 2024-8-30 15:17

这个有趣，美女的眼睛还会眨呢{:4_204:}

梦油 发表于 2024-8-30 16:44

欣赏佳作，问候江南。

小辣椒 发表于 2024-8-30 22:07

问好梦江南，漂亮的制作，其实套用黑黑老师代码玩玩挺有趣的{:4_205:}

小辣椒 发表于 2024-8-30 22:08

欣赏梦江南精彩的制作{:4_171:}

梦江南 发表于 2024-8-31 14:08

红影 发表于 2024-8-30 15:16
端坐在满山红叶中，倾听秋的韵语。
好美妙的制作，欣赏江南好帖

问好影子，谢谢沙发支持。下午好！{:4_204:}

梦江南 发表于 2024-8-31 14:10

红影 发表于 2024-8-30 15:17
这个有趣，美女的眼睛还会眨呢

这次美女的眼睛眨得慢点。{:4_173:}

梦江南 发表于 2024-8-31 14:11

梦油 发表于 2024-8-30 16:44
欣赏佳作，问候江南。

问好梦油老师，谢谢支持。下午好。{:4_204:}

梦江南 发表于 2024-8-31 14:13

小辣椒 发表于 2024-8-30 22:07
问好梦江南，漂亮的制作，其实套用黑黑老师代码玩玩挺有趣的

您说得是，可惜现在我不能坐得太久，血压要高起来了。{:4_201:}

梦江南 发表于 2024-8-31 14:14

小辣椒 发表于 2024-8-30 22:08
欣赏梦江南精彩的制作

谢谢小辣椒支持，下午好。{:4_204:}

红影 发表于 2024-8-31 15:58

梦江南 发表于 2024-8-31 14:08
问好影子，谢谢沙发支持。下午好！

不客气啊，这个季节正是看枫叶的季节，很应景呢{:4_187:}

红影 发表于 2024-8-31 15:59

梦江南 发表于 2024-8-31 14:10
这次美女的眼睛眨得慢点。

挺好的，这样更显得宁静{:4_187:}

梦油 发表于 2024-8-31 17:20

梦江南 发表于 2024-8-31 14:11
问好梦油老师，谢谢支持。下午好。

梦江南朋友别客气。

小辣椒 发表于 2024-8-31 22:22

梦江南 发表于 2024-8-31 14:13
您说得是，可惜现在我不能坐得太久，血压要高起来了。

哦，那就适可而止，身体要紧{:4_171:}

小辣椒 发表于 2024-8-31 22:22

梦江南 发表于 2024-8-31 14:14
谢谢小辣椒支持，下午好。

不客气哦，再次欣赏梦江南的精彩制作{:4_171:}

醉美水芙蓉 发表于 2024-9-1 09:13

醉美水芙蓉 发表于 2024-9-1 09:13

页: [1]
查看完整版本: 学习帖【枫叶情】黑黑老师故梦寒代码