寒冬残荷 发表于 2025-11-20 10:31

汉服千年韵，传承新风采



<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:#000; opacity: .3; cursor: pointer; z-index: 111}
</style>
<div id="papa">
<div id="mdiv" title="">❤️</div>
<span id="fullscreen">全屏欣赏</span>
<video id="vid" src="http://txmov2.a.kwimgs.com/ksc1/kkKUVPwtfmGRqo2kVi9qMJ2JMysFBg0cMgWaBEM5uBPTM7tehFnmD9ugB_pOBPoXHrbuqpAKpcdevsiKKy5fMLZuMGXICXRQVRQ6JEYSztMIDyUj4dozycjAaRM8OpIsXNf6mXnWKVJ_32q8SlA_BKmW1T2-8Uy3TTZ2BGu1sby9C3KXW0YJz2b0HvFNXx-D.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-20 10:32

抽空在“自留地”里“种一棵菜“。{:5_117:}

偶然~ 发表于 2025-11-20 10:33

本帖最后由 偶然~ 于 2025-11-20 10:35 编辑

这个视频涨知识

偶然~ 发表于 2025-11-20 10:33

音画太棒了！

偶然~ 发表于 2025-11-20 10:34

视频唯美

偶然~ 发表于 2025-11-20 10:34

背景解说自然

偶然~ 发表于 2025-11-20 10:35

制作大气

偶然~ 发表于 2025-11-20 10:35

音画合一，音乐与画面结合完美

偶然~ 发表于 2025-11-20 10:35

玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然 献花给你啦】

偶然~ 发表于 2025-11-20 10:35

感谢你带来的精彩，辛苦了！祝寒冬残荷开心幸福、阖家安康！

梦油 发表于 2025-11-20 11:01

精彩制作、精辟选题。赞！

樵歌 发表于 2025-11-20 13:33

简直是中华服装文化的编年史！

红影 发表于 2025-11-20 17:42

这个制作漂亮，在里面看到了很多漂亮的汉服，太美了。
感谢寒冬残荷的好帖，开眼界了{:4_199:}

霜染枫丹 发表于 2025-11-20 17:47

很流畅的画面，特别贴题，很精悍的文案，看视频学历史，特别舒畅惬意！

感谢分享，祝制作愉快！{:4_190:}
页: [1]
查看完整版本: 汉服千年韵，传承新风采