古诗《枫桥夜泊》——动画片
本帖最后由 寒冬残荷 于 2025-11-22 13:45 编辑 <br /><br /><style>#papa {position:relative; margin:90px auto 45px calc(50% - 881px); width:1600px;height:900px; box-shadow:3px 3px 20px #000; z-index:1; display:grid; place-items:center;overflow: hidden; }
#vid {position:absolute; z-index: 2;width:100%; height:100%; object-fit:cover; mix-blend-mode:soft-light; margin-top:0px; transform:rotateX(0deg); pointer-events:none;}
#mdiv {z-index: 10; --size: 30px;--color: teal;position: relative;left: calc(-45.5% - var(--size) / 2);top: -310px;width: var(--size);height: var(--size);display: grid;place-items: center;animation: rot 8s linear infinite ;cursor: pointer; font-size: 50px;}
#mdiv::before, #mdiv::after {position: absolute;content: '';width: 0;height: 0;border-style: solid;border-width: calc(var(--size) / 2) calc(var(--size) / 2 - 35px);border-color: var(--color) transparent;border-radius: 100% 100% 100% 100%;filter:drop-shadow(#000 1px 0 0)drop-shadow(#000 0 1px 0)drop-shadow(#000 -1px 0 0) drop-shadow(#000 0 -1px0);}
#mdiv::after { transform: rotate(90deg) }
@keyframes rot { 100% { transform: rotate(360deg);filter:hue-rotate(360deg); } }
#fullscreen { position: absolute; top: 30px; right:30px;font: normal 2em/0em 楷体;color:#ffffff; opacity: .3; cursor: pointer; z-index: 111}
</style>
<div id="papa">
<div id="mdiv" title="">❤️</div>
<span id="fullscreen">全屏欣赏</span>
<video id="vid" src="https://txmov2.a.kwimgs.com/ksc1/hpOE6gzIQdaDNdeRo0oliqFczuq_evwQYv9x4HJU5xI2CTo_lriA-BUmHRzyA83V6QZa89Y0Jb-05sS_EBFwTsGn1Vv3NZ5l28fJQeuCcuqRE0yzxCDi6DFuQk-_DWzyQQ4O9dfPZoYjxLsKOTLbAds2cWD1f2VNcpTW_WW1y0UGEenwag6icDFPo9ppmDpD.mp4" autoplay loop></video>
</div>
<div style="height:100px;"></div>
<script>
mdiv.onclick = () => vid.paused ?(vid.play()):(vid.pause());
mdiv.style.animationPlayState = vid.paused ? 'paused' : 'running';
vid.addEventListener('playing', () =>mdiv.style.animationPlayState = 'running');
vid.addEventListener('pause', () =>mdiv.style.animationPlayState = 'paused');
let fs = true;
fullscreen.onclick = () => {
fs ? (fullscreen.innerText = '退出全屏', papa.requestFullscreen()) : (fullscreen.innerText = '全屏欣赏', document.exitFullscreen());
fs = !fs;
};
</script>
豆包制图，小云雀制作视频，剪映编辑视频。 寒冬残荷 发表于 2025-11-22 13:49
豆包制图，小云雀制作视频，剪映编辑视频。
欣赏寒冬残荷版主精采好帖，赞一个！ 欣赏精美制作，问候寒冬残荷。 欣赏版主精美制作。小雪安康！ 视频太棒了！
视频唯美
背景音乐动听
制作大气
音画合一，音乐与画面结合完美
玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然 献花给你啦】
感谢寒冬残荷带来的精彩，辛苦了！祝你开心幸福、阖家安康！ 深秋红枫 发表于 2025-11-22 14:28
欣赏寒冬残荷版主精采好帖，赞一个！
谢谢老师的鼓励和支持！ 梦油 发表于 2025-11-22 14:31
欣赏精美制作，问候寒冬残荷。
谢谢梦管的鼓励和支持！ 梦江南 发表于 2025-11-22 15:16
欣赏版主精美制作。小雪安康！
谢谢老师的鼓励和支持！同祝！ 偶然~ 发表于 2025-11-22 17:41
视频太棒了！
谢谢领导的鼓励和支持！没有时间玩，随便制作的，不能让“自留地”荒“了！{:5_117:} 偶然~ 发表于 2025-11-22 17:42
视频唯美
谢谢！祝您开心快乐、幸福安康！ 寒冬残荷 发表于 2025-11-22 19:43
谢谢梦管的鼓励和支持！
寒冬残荷朋友别客气。 寒冬残荷 发表于 2025-11-22 19:47
谢谢领导的鼓励和支持！没有时间玩，随便制作的，不能让“自留地”荒“了！
{:4_180:} 寒冬残荷 发表于 2025-11-22 19:49
谢谢！祝您开心快乐、幸福安康！
{:4_171:}
页:
[1]
2