绣红旗

马黑黑 发表于 2024-9-27 07:56

马黑黑 发表于 2024-9-27 07:57

<h2>帖子代码</h2>
<div class="hE"><pre>
<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://638183.freep.cn/638183/t24/webp2/xqhsqi.webp') 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: 15%; width: 150px; height: 150px; }
.player:nth-of-type(2) { left: 70%; top: 5%; }
.player:nth-of-type(3) { left: 72%; top: 15%; }
.player:nth-of-type(4) { left: 72%; top: 25%; }
.player:nth-of-type(5) { left: 70%; 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=358497" 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>
</pre></div>

<script>
var sc = document.createElement('script');
sc.chartset = 'utf-8';
sc.src = 'https://638183.freep.cn/638183/web/helight/helight.js';
document.body.appendChild(sc);
</script>

梦油发表于 2024-9-27 09:53

让我们共同祝愿伟大祖国繁荣昌盛、欣欣向荣！

红影发表于 2024-9-27 10:47

用五角星做小播，这个构思真奇妙。
那个红旗svg图片也用上了呢。{:4_199:}

红影发表于 2024-9-27 10:51

视频选用也漂亮。这五角星的定位还挺不容易的呢。
牢记革命先烈的英勇付出，同祝伟大的祖国生日快乐{:4_199:}

马黑黑 发表于 2024-9-27 12:27

梦油发表于 2024-9-27 09:53
让我们共同祝愿伟大祖国繁荣昌盛、欣欣向荣！

嗯，最近发射的洲际导弹，是中国人民解放军对国庆的献礼，有效震慑了不断挑衅我们的新八国联军

马黑黑 发表于 2024-9-27 12:28

红影发表于 2024-9-27 10:47
用五角星做小播，这个构思真奇妙。
那个红旗svg图片也用上了呢。

做播放器用的五角星肥肥胖胖的非常可爱

马黑黑 发表于 2024-9-27 12:29

红影发表于 2024-9-27 10:51
视频选用也漂亮。这五角星的定位还挺不容易的呢。
牢记革命先烈的英勇付出，同祝伟大的祖国生日快乐{:4_19 ...

这个视频很不错的

红影发表于 2024-9-27 12:48

马黑黑发表于 2024-9-27 12:28
做播放器用的五角星肥肥胖胖的非常可爱

这个画起来更难了{:4_187:}

红影发表于 2024-9-27 12:49

马黑黑发表于 2024-9-27 12:29
这个视频很不错的

是啊，和帖子背景正好呼应呢{:4_187:}

马黑黑 发表于 2024-9-27 12:57

红影发表于 2024-9-27 12:48
这个画起来更难了

这类复杂路径的矢量图都是有制作工具完成的

红影发表于 2024-9-27 13:16

马黑黑发表于 2024-9-27 12:57
这类复杂路径的矢量图都是有制作工具完成的

哦，那还好，自己省力了{:4_173:}

梦油发表于 2024-9-27 14:29

马黑黑发表于 2024-9-27 12:27
嗯，最近发射的洲际导弹，是中国人民解放军对国庆的献礼，有效震慑了不断挑衅我们的新八国联军

不断强大的中国人民解放军不惧任何反华势力。玩火者必自焚。

梦江南 发表于 2024-9-27 14:33

祖国强大，人民安康！

梦江南 发表于 2024-9-27 14:34

欣赏学习，问好老师！{:4_187:}

花飞飞 发表于 2024-9-27 21:02

红彤彤的中国红，最迷人的色彩。。。
贴子庄重大气，正能量满满。。。
最近白老师的歌词都万年不变默认了。。{:4_173:}

马黑黑 发表于 2024-9-27 22:02

花飞飞发表于 2024-9-27 21:02
红彤彤的中国红，最迷人的色彩。。。
贴子庄重大气，正能量满满。。。
最近白老师的歌词都万年不变默认了 ...

这一切看情况的

马黑黑 发表于 2024-9-27 22:05

梦油发表于 2024-9-27 14:29
不断强大的中国人民解放军不惧任何反华势力。玩火者必自焚。

西方政客还活在冷战思维里，我们需要拿出强有力的动作。

美国在亚洲的导弹基地布局，基本也就是把我们当做攻击目标，我们如果总是不把拳头亮出来，他们会更嚣张

花飞飞 发表于 2024-9-27 22:15

马黑黑发表于 2024-9-27 22:02
这一切看情况的

{:4_173:}是的吧，反正纯天然歌词也好看

马黑黑 发表于 2024-9-27 22:16

花飞飞发表于 2024-9-27 22:15
是的吧，反正纯天然歌词也好看

我从来不故意放歌词在哪，一般的做法是哪里空的放哪里

页: [1] 2 3 4

花潮论坛's Archiver

绣红旗