本帖最后由 花简静 于 2024-4-3 22:06 编辑
<style>
#papa { margin: 130px 0 10px calc(50% - 931px); width: 1700px; height: 900px; background: url('https://pic.imgdb.cn/item/660d60f59f345e8d039f9d88.webp') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; z-index: 1; position: relative; }
#papa::before{ content: url('https://pic.imgdb.cn/item/660c05589f345e8d03f086bd.png'); position: absolute; left:-20px; z-index: -1; bottom: -20px; transform-origin: 50% 100%;animation: skew 1.5s infinite alternate var(--state); --scale: 1,1; }
#papa video { position: absolute; bottom: 0; width: 100%; height: calc(100% - 160px); transform: rotateX(15deg);object-fit: cover; mix-blend-mode: screen; pointer-events: none; opacity: .96;}
#canv { display: block; position: absolute; bottom: 456px; left: calc(20% - 60px); transform: scale(0.55); cursor: pointer; opacity: .76;}
@keyframes skew { from { transform: skew(-1.5deg) scale(var(--scale)); } to { transform: skew(1.5deg) scale(var(--scale)); } }
</style>
<div id="papa">
<audio src="https://music.163.com/song/media/outer/url?id=31967406" autoplay></audio>
<video src="https://img.tukuppt.com/video_show/15653652/00/79/86/60c98c8146068.mp4" loop muted></video>
<canvas id="canv" width="200" height="200" style=""></canvas>
</div>
<script>
(function() {
let sF = document.createElement('script');
sF.src = 'https://638183.freep.cn/638183/web/js/canvcircle_prg.js';
sF.charset = 'utf-8';
document.body.appendChild(sF);
btnUrl = 'https://pic.imgdb.cn/item/660c06d99f345e8d0303577c.png';
})();
</script>
<Br><Br><Br><Br><Br><Br>
| 
