<style>
#mydiv {
--width: 1024px;
margin: 130px 0 30px calc(50% - (var(--width) / 2 + 81px));
width: var(--width);
height: 640px;
background: radial-gradient(circle, transparent, silver, LightSteelBlue, DimGray);
box-shadow: 3px 3px 6px #333;
pointer-events: none;
overflow: hidden;
position: relative;
}
#mydiv::before, #mydiv::after {
position: absolute;
content: '';
}
#mydiv::before {
inset: 0;
background: rgba(2400, 237, 204, .15);
}
#mydiv::after {
width: 100px;
height: 100px;
top: 40px;
left: calc(50% - 50px);
background: url('https://638183.freep.cn/638183/t23/btn/meihua_133482968750383750.png') no-repeat center/cover;
filter: drop-shadow(0 0 26px lightblue);
pointer-events: auto;
cursor: pointer;
animation: rot 8s linear infinite var(--state);
}
#vid {
position: absolute;
bottom: 0;
width: 100%;
height: calc(100% + 75px);
object-fit: cover;
mix-blend-mode: color-burn;
opacity: .75;
}
@keyframes rot {
to { transform: rotate(360deg); }
}
</style>
<div id="mydiv" title="播放/暂停">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1856030278" muted autoplay loop></audio>
<video id="vid" src="https://link.hhtjim.com/163/14312415.mp4"loop autoplay disablePictureInPicture></video>
</div>
<script>
aud.oncanplay = aud.onplaying = aud.onpause = () => {
aud.paused ? vid.pause() : vid.play();
mydiv.style.setProperty('--state', ['running','paused'][+aud.paused]);
mydiv.title = ['暂停','播放'][+aud.paused];
}
mydiv.onclick = () => aud.paused ? aud.play() : aud.pause();
</script> 你说最近有点烦,耳朵都被打穿{:6_242:} 岁月·如歌 发表于 2024-7-15 21:23
这颗擦耳而过的子弹,直接把建国同志送上岗了
应该是了。 红影 发表于 2024-7-15 21:19
是啊,那个惹全世界疯笑
知道消毒水的统统做不了总统。 毋问我从哪里来 发表于 2024-7-16 00:56
知道消毒水的统统做不了总统。
那不一定,奇葩的民族选出的都奇葩啊{:4_173:} 红影 发表于 2024-7-16 17:30
那不一定,奇葩的民族选出的都奇葩啊
美国好多民族哦!杂交的很多。 毋问我从哪里来 发表于 2024-7-16 19:17
美国好多民族哦!杂交的很多。
那就奇葩的国家吧{:4_173:} 红影 发表于 2024-7-16 21:26
那就奇葩的国家吧
奇葩国。 毋问我从哪里来 发表于 2024-7-16 22:08
奇葩国。
不能以常理论之。 红影 发表于 2024-7-17 17:46
不能以常理论之。
推论得出。 以前发生在小国,现在终于老M也要开枪为总统上位了{:4_189:}
页:
1
[2]