《学会遗忘》（向澜天学习，今晚下载了《配音秀》来玩一玩
本帖最后由 寒冬残荷 于 2025-10-28 23:03 编辑 <br /><br /><style>#papa {position:relative; margin:90px auto 45px calc(50% - 721px); width:1280px;height:720px; 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:#fff; 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://cccimg.com/view.php/f830cb3c763f55aa6b0d08fa09fd6c3a.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>
哈哈，第一次用这个APP，太紧张了，短短的一篇文章，念错了好几个字。 寒冬残荷也开始朗诵了，真好。
很好呢，选择的文章也好。第一个朗诵作品必须亮起来。
期待寒冬残荷更多朗诵作品{:4_187:} 寒冬残荷 发表于 2025-10-28 22:48
哈哈，第一次用这个APP，太紧张了，短短的一篇文章，念错了好几个字。
第一次就这么好，赶紧多读啊，肯定会越读越好的呢{:4_199:} 读的很好。 跟着学习。 第一次读很不错，有第一首就有第二第三首，加油！{:4_204:}
页:
[1]