我爱你中国——庆国庆，学习黑黑老师绣红旗代码
<style>#mama { margin: 30px 0 30px calc(50% - 741px); width: 1280px; height: 702px; background: url('https://pic.imgdb.cn/item/66f75e7ff21886ccc0d5e1b7.png') no-repeat 500px 265px / 450px 380px, url('https://pic.imgdb.cn/item/66f75e1bf21886ccc0d563c5.gif') 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: 75%; top: 15%; width: 150px; height: 150px; }
.player:nth-of-type(2) { left: 90%; top: 5%; }
.player:nth-of-type(3) { left: 92%; top: 15%; }
.player:nth-of-type(4) { left: 92%; top: 25%; }
.player:nth-of-type(5) { left: 90%; top: 35%; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="mama" class="mama">
<audio src="https://music.163.com/song/media/outer/url?id=1864602926" 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我的母亲我的祖国
`;
</script>
好可爱的少年，在国庆的盛大欢庆中，一起祝福伟大祖国生日{:4_177:} 江南这个做得真好，站在红旗下的人们的共同的爱国心声{:4_187:} 欣赏老师的精美音画，点赞！
红影 发表于 2024-9-28 11:10
好可爱的少年，在国庆的盛大欢庆中，一起祝福伟大祖国生日
问好影子，谢谢支持鼓励！{:4_204:} 红影 发表于 2024-9-28 11:10
江南这个做得真好，站在红旗下的人们的共同的爱国心声
国家繁荣，人民安康，这是中国人民的最大的节日。 老谟深虑 发表于 2024-9-28 12:48
欣赏老师的精美音画，点赞！
问好老谟老师，谢谢支持。{:4_204:} 国庆燃起爱国之魂，愿祖国繁荣昌盛！ 梦油 发表于 2024-9-28 14:15
国庆燃起爱国之魂，愿祖国繁荣昌盛！
祖国繁荣，人民安康。{:4_204:} 梦江南 发表于 2024-9-28 13:13
问好影子，谢谢支持鼓励！
问好江南，再赏好帖{:4_187:} 梦江南 发表于 2024-9-28 13:17
国家繁荣，人民安康，这是中国人民的最大的节日。
是啊，也是最欢腾的节日，大街小巷都已红旗招展，一片热烈的气氛。 红影 发表于 2024-9-28 15:21
问好江南，再赏好帖
谢谢，谢谢！辛苦了！{:4_171:} 红影 发表于 2024-9-28 15:22
是啊，也是最欢腾的节日，大街小巷都已红旗招展，一片热烈的气氛。
国庆节7天长假，您打算怎么过啊？ http://5b0988e595225.cdn.sohucs.com/images/20171001/f135af112260420598625e019dcad46b.gif
起个网名好难 发表于 2024-9-28 17:52
谢谢老师支持，国庆节快乐！{:4_204:} 这个漂亮，画面生动 感谢佳作分享 漂亮的制作，梦江南素材运用的好，制作大气，必须赞{:4_199:} 国庆节快乐！ 梦江南 发表于 2024-9-28 15:48
谢谢，谢谢！辛苦了！
不客气啊，问好江南{:4_187:}