《九尾狐传奇》
<style>
#papa {position:relative; margin:10px 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="https://txmov2.a.kwimgs.com/ksc1/BwPQ-X39y7hG7n4dXWNCSq9_haHNfT1cVwrTC4Exi4YJn3jadtC4zdE4yPASMDrEwJTRzFrj1Acc5HM5_2Al4kfj5LquatnxB_usAkk-ws-SpKLmsaU9o89lZbqzf9jHUkQyWWps2X2WM_7P6QTwVS2w09PdjNYQBr60rewOEhwMvhKzan4J1ESx9oICpzov.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>
欣赏老师AI佳作，问好！ 我的天，这个故事太好看了，这样的九尾狐，太神奇了，而且它的身世还经历了这么多变化。
感谢寒冬残荷带来的美帖，太好看了，很吸引人{:4_199:} 很美的制作，很有内涵的文字阐述，精美！！！！
感谢分享，周末快乐{:4_190:}
制作大气 音画栩栩如生 制作太棒了！感谢寒冬残荷带来的精彩，辛苦了！祝你开心幸福、阖家安康！ 再来欣赏寒冬残荷精彩音画 梦江南 发表于 2025-11-15 17:56
欣赏老师AI佳作，问好！
谢谢梦江南老师的鼓励和支持！昨天一天都没有时间上网，迟复为歉！ 红影 发表于 2025-11-15 21:06
我的天，这个故事太好看了，这样的九尾狐，太神奇了，而且它的身世还经历了这么多变化。
感谢寒冬残荷带来 ...
谢谢红影美女管管的鼓励和支持！昨天一天都没有时间上网，迟复为歉！ 霜染枫丹 发表于 2025-11-15 21:36
很美的制作，很有内涵的文字阐述，精美！！！！
感谢分享，周末快乐
谢谢霜染红枫老师的鼓励和支持！昨天一天都没有时间上网，迟复为歉！ 偶然~ 发表于 2025-11-16 11:25
制作大气
谢谢梦偶然超版的鼓励和支持！昨天一天都没有时间上网，迟复为歉！ 偶然~ 发表于 2025-11-17 11:20
再来欣赏寒冬残荷精彩音画
谢谢，非常感谢您的鼓励和支持！也非常羡幕您能以坛为家，而我只能偶尔上来逛逛。 寒冬残荷 发表于 2025-11-17 13:00
谢谢，非常感谢您的鼓励和支持！也非常羡幕您能以坛为家，而我只能偶尔上来逛逛。
感谢你带来的精彩，辛苦了！祝你开心幸福、阖家安康！ 寒冬残荷 发表于 2025-11-17 12:57
谢谢梦偶然超版的鼓励和支持！昨天一天都没有时间上网，迟复为歉！
开心幸福 寒冬残荷 发表于 2025-11-17 12:55
谢谢红影美女管管的鼓励和支持！昨天一天都没有时间上网，迟复为歉！
没事，还有残荷带来的九尾狐陪着我呢{:4_173:}
页:
[1]