朵拉 发表于 2024-9-28 19:25

我爱你中国（马黑黑原创）

<style>
#mama { margin: 30px 0 30px calc(50% - 641px); width: 1280px; height: 702px; background: url('https://638183.freep.cn/638183/web/svg/goqi.svg') no-repeat 2px 2px / 200px 133px, url('https://pic.imgdb.cn/item/66f7e03cf21886ccc0646caf.jpg') no-repeat center/cover; box-shadow: 0 0 8px rgba(0,0,0,.65); overflow: hidden; user-select: none; z-index: 1; position: relative; }
#mama > video { position: absolute; width: 100%; height: 35%; object-fit: cover; mix-blend-mode: screen; -webkit-mask: linear-gradient(red, transparent); pointer-events: none; }
.player { position: absolute; width: 60px; height: 60px; animation: rot 8s linear infinite var(--state); cursor: pointer; }
.player:nth-of-type(1) { left: 55%; top: 25%; width: 150px; height: 150px; }
.player:nth-of-type(2) { left: 70%; top: 15%; }
.player:nth-of-type(3) { left: 72%; top: 25%; }
.player:nth-of-type(4) { left: 72%; top: 35%; }
.player:nth-of-type(5) { left: 70%; top: 45%; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="mama" class="mama">
        <audio src="https://music.163.com/song/media/outer/url?id=2626578959" autoplay loop></audio>
        <video src="https://img.tukuppt.com/video_show/2418175/00/08/32/5d1d4a503deed.mp4" autoplay loop muted></video>
        <img class="player" src="https://638183.freep.cn/638183/web/svg/5star.svg" alt="" />
        <img class="player" src="https://638183.freep.cn/638183/web/svg/5star.svg" alt="" />
        <img class="player" src="https://638183.freep.cn/638183/web/svg/5star.svg" alt="" />
        <img class="player" src="https://638183.freep.cn/638183/web/svg/5star.svg" alt="" />
        <img class="player" src="https://638183.freep.cn/638183/web/svg/5star.svg" alt="" />
</div>

<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/yslrc_133703119608822812.js';
document.body.appendChild(sf);
sf.onload = () => {
        HCPlayer({
                papa: '#mama',
                geci: geci,
                skip: 0,
                average: 0,
                btnplay: '.player',
                lrc_css: 'left: 50%; bottom: 20px; transform: translateX(-50%);',
                fs_css: 'right: 60px; bottom: 20px; transform: translateX(-50%); --bg: transparent; --color: yellow',
        });
};
var geci = `有一天这首歌会变老\n就像老杨树上的枝芽\n可我还会一遍遍歌唱\n它如同我的生命\n每当我感到疼痛就想让你抱紧我\n就像你一直做的那样触摸我的灵魂\n每当我感到迷惑\n你都给我一种温暖\n就像某个人的手臂\n紧紧搂着我的肩膀\n有时我会孤独无助\n就像山坡上滚落的石子\n但是只要想起你的名字\n我总会重拾信心\n有时我会失去方向\n就像天上离群的燕子\n可是只要想到你的存在\n就不会再感到恐惧\n我爱你中国心爱的母亲\n我为你流泪也为你自豪\n我爱你中国亲爱的母亲\n我为你流泪也为你自豪\n有一天这首歌会变老\n就像老杨树上的枝芽\n可我还会一遍遍歌唱\n它如同我的生命\n有些人会慢慢消失\n有些情感会渐渐破碎\n可你却总在我心中\n就像无与伦比的太阳\n我爱你中国心爱的母亲\n我为你流泪也为你自豪\n我爱你中国亲爱的母亲\n我为你流泪也为你自豪\n希望你把我记住你流浪的孩子\n无论在何时何地我都想念着你\n希望你能够知道你对我的意义\n无论在何时何地你就像我的生命\n我爱你中国心爱的母亲\n我为你流泪也为你自豪\n我爱你中国 亲爱的母亲\n我为你流泪 也为你自豪\n我爱你中国 心爱的母亲\n我为你流泪 也为你自豪\n我爱你中国 亲爱的母亲\n我为你流泪 也为你自豪\n我为你流泪 也为你自豪\n`;
</script>

朵拉 发表于 2024-9-28 19:26

@马黑黑
老师 晚上好，学生交作业，请指正哈{:4_190:}

马黑黑 发表于 2024-9-28 19:48

动作好快

红影 发表于 2024-9-29 11:05

漂亮，欣赏朵宝好帖，同祝国庆快乐{:4_187:}

梦江南 发表于 2024-9-29 11:50

欣赏老师佳作，问好。

世外桃源 发表于 2024-9-29 12:21

漂亮漂亮{:4_199:}

世外桃源 发表于 2024-9-29 12:21

欣赏了，感谢分享

小辣椒 发表于 2024-9-29 19:51

漂亮，欣赏朵拉好制作{:4_199:}

小辣椒 发表于 2024-9-29 19:51

国庆节快乐！
页: [1]
查看完整版本: 我爱你中国（马黑黑原创）