【月满花潮庆华诞】国庆遇上中秋节
<style>
@import 'https://638183.freep.cn/638183/web/css/tz01.css';
#pa { --offsetX: 81px;margin: 150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1700px); height: auto; aspect-ratio: 17/9;--bg: url('https://cccimg.com/view.php/73de1b9cf372dc20929d2ce9c9935ce1.jpg') no-repeat center/cover; --ma-size:8%; }
#btnFs { right: 20px; top: 20px; color: #ccc; border-color: currentColor!important; }
#prog { position: absolute; right: 10px; bottom: 10px; width: var(--ma-size); cursor: pointer; filter: hue-rotate(83deg) opacity(.6); }
#ma { right: 5%; bottom: 30%; border-radius: 50%; }
#lrc { right: 6%; top: 10%; color: #cde6c7;font-size: 28px; font-weight: bold;letter-spacing: 4px; writing-mode: vertical-lr; }
#lrc::before { width: 100%; height: 0; background: url('https://cccimg.com/view.php/e4da366883e80a38cfac577c3af9a046.jpg') center; background-clip: text; }
@keyframes cover1 { from { height: 0; }to { height: 100%; } }
@keyframes cover2 { from { height: 0; }to { height: 100%; } }
.vid { mixed-blend-mode: screen; webkit-mask: radial-gradient(transparent 20%, red);
-webkit-mask: radial-gradient(transparent 20%, red:height:12 0%);
opacity: .60;
transform: rotateY(0deg);
mix-blend-mode: hard-light; transform: rotateY(0deg);}
#msvg line { stroke-dasharray: 4 8; stroke-dashoffset: 100%; animation: move 2s linear infinite alternate var(--state); }
@keyframes move { to { stroke-dashoffset: 0; } }
</style>
<div id="pa">
<audio id="aud" src="https://cccimg.com/view.php/e36cd34f8822addca2cbc99af9e1675f.mp3" autoplay loop></audio>
<video class="vid pd-vid" src="
https://video.699pic.com/videos/28/48/54/a_kJVT3rMcKDrD1667284854_10s.mp4" autoplay loop muted></video>
<progress id="prog"></progress>
<div id="ma" class="opacity">
<svg id="msvg" width="100%" height="100%" viewBox="-100 -100 200 200"></svg>
</div>
</div>
<script type="module">
import { FS } from 'https://638183.freep.cn/638183/web/js/svglz_fs.js';
import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
import lrc from 'https://638183.freep.cn/638183/web/lrc/hclrc_only.js';
var geci= [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
var dr = Dr.dr(msvg);
dr.circle(0, 0, 80, 'none', '#fff', 10).set('stroke-dasharray', '4 8');
var tt = 3;
Array.from({length: tt}).forEach((_,k) => {
dr.line(3, 0, 70, 0, '#eee', 10).transform(`rotate(${360/tt*k})`).set('stroke-dasharray', '4 2');
});
aud.ontimeupdate = () => prog.value=aud.currentTime/aud.duration;
prog.onclick = (e) => aud.currentTime=aud.duration*e.offsetX/prog.offsetWidth;
FS(pa, ma);
lrc(pa, geci);
</script> 气氛浓郁，创意新奇，精彩一贴！{:4_204:} 中秋快乐！{:4_176:} 东篱闲人 发表于 2025-10-5 16:42
气氛浓郁，创意新奇，精彩一贴！
东篱老师，小辣椒发帖在找您，说您很忙，{:4_173:} 东篱闲人 发表于 2025-10-5 16:42
中秋快乐！
谢谢支持，中秋快乐！{:4_187:} 梦江南 发表于 2025-10-5 16:59
东篱老师，小辣椒发帖在找您，说您很忙，
一点不忙。。。{:5_117:} 东篱闲人 发表于 2025-10-5 16:42
气氛浓郁，创意新奇，精彩一贴！
这是叫AI做做出来的。 梦江南 发表于 2025-10-5 17:00
谢谢支持，中秋快乐！
{:4_176:} 东篱闲人 发表于 2025-10-5 17:01
一点不忙。。。
画了点什么呢？ 东篱闲人 发表于 2025-10-5 17:02
葡萄酒也不会喝呢。 祝梦江南及家人中秋节快乐！ 梦油 发表于 2025-10-5 17:28
祝梦江南及家人中秋节快乐！
谢谢梦油，祝您及家人中秋节快乐，阖家幸福！ 音画唯美 制作大气 我电脑听歌曲音质好像有点不对，好像是手机翻录的？ 本帖最后由 偶然~ 于 2025-10-5 20:21 编辑
国诞逢秋，花潮论坛千屏醉 感谢梦江南带来的精彩，辛苦了！祝你国庆中秋快乐、阖家幸福！ 梦江南 发表于 2025-10-5 17:06
葡萄酒也不会喝呢。
可以试试。。。{:5_117:} 节日气氛拉得满 满 的！创作时想得真周全！{:4_199:} 我傻大个，就挑中间那个大月饼好了{:4_205:}