本帖最后由 加林森 于 2022-4-5 20:33 编辑 <br /><br />马黑黑 发表于 2021-9-16 22:56
晚上好
现在快零点了，老黑晚上喝没有啊？
<style>
#waik {
margin: auto;
width: 760px;
height: 500px;
background: #000;
position: relative;
}
#waik::before {
content: 'nihao';
position: absolute;
width: 760px;
height: 500px;
background: url('https://pic.imgdb.cn/item/624c36aa239250f7c5e8216e.jpg') no-repeat center/cover;
opacity: .4;
}
</style>
<button id="picBtn" class="picBtn"></button>
<audio id="music" src="http://www.kumeiwp.com/sub/filestores/2022/04/05/f7717a07d003158f9aed696294361ac0.mp3" loop="loop" autoplay="autoplay" ></audio>
</div>
<div id="waik"></div>
<script>
let waik = document.getElementById('waik');
let step = -1, all = 50, angle = 100;
setInterval(flash, 10);
function flash() {
all = all + step;
if(all == -angle) step = -step;
if(all == angle) step = -step;
waik.style.background = `conic-gradient(at 50% 0, #000 ${all}deg, #fff, #000)`;
}
</script>