祝论坛的朋友们七夕快乐（套用黑黑天际效果）
<style>
#papa { left: -340px; width: 1280px; height: 700px;top: 150px;background: #336699 url('https://pic.imgdb.cn/item/62eb8a4916f2c2beb18730c2.jpg') no-repeat center/cover; box-shadow: 3px 3px 30px #000; position: relative; overflow: hidden; }
.mpic { position: absolute; width: 100px; height: 100px; right: -124px; bottom: -130px; }
#disc { position: absolute; width: 60px; height: 60px; right: 600px; bottom: 480px; background: conic-gradient(red,orange,yellow,green,teal,blue,purple); border-radius: 50%; mask: radial-gradient(transparent 4px,red 0); -webkit-mask: radial-gradient(transparent 4px,red 0); animation: rot 2s linear infinite; cursor: pointer; z-index: 100; }
@keyframes rot { to { transform: rotate(360deg); } }
@keyframes shot { from {transform: translate(0px, 0px) rotate(-45deg); } to { transform: translate(-1280px, -700px) rotate(-45deg); }}
</style>
<div id="papa"><span id="disc"></span></div>
<script>
let arr = , aud = new Audio();
aud.src = 'https://music.163.com/song/media/outer/url?id=158624.mp3';
aud.loop = true;
aud.autoplay = true;
disc.style.animationPlayState = aud.paused ? 'paused' : 'running';
for(x of arr) {
let ele = document.createElement('img');
ele.className = 'mpic';
ele.src = 'https://pic.imgdb.cn/item/622a00ea5baa1a80ab412ada.gif';
ele.alt = '';
ele.style.animation = 'shot 4s linear ' + x * .6 + 's infinite';
papa.appendChild(ele);
}
disc.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing',()=> disc.style.animationPlayState = 'running');
aud.addEventListener('pause',()=> disc.style.animationPlayState = 'paused');
</script>
<br><br><br><br><br><br><br><br><br><br> @马黑黑
黑黑我火箭炮没有，用美人计吧{:4_173:} 小辣椒 发表于 2022-8-4 20:43
@马黑黑
黑黑我火箭炮没有，用美人计吧
这是给外星人的七夕礼物（二次元镁铝）{:4_170:} 马黑黑 发表于 2022-8-4 20:55
这是给外星人的七夕礼物（二次元镁铝）
就套用一个，求速度了 小辣椒 发表于 2022-8-4 20:58
就套用一个，求速度了
不错的 小辣椒这是发射姑娘上天啊。{:4_189:} 马黑黑 发表于 2022-8-4 20:59
不错的
套用就速度快 加林森 发表于 2022-8-4 21:00
小辣椒这是发射姑娘上天啊。
队长晚上好，你看看我这个动图的尺寸，你那边的尺寸也是要和你png尺寸相符 小辣椒 发表于 2022-8-4 21:04
套用就速度快
是不是啊 马黑黑 发表于 2022-8-4 21:08
是不是啊
是的，而且不用动脑子{:4_170:} 小辣椒 发表于 2022-8-4 21:09
是的，而且不用动脑子
你这个帖子还是动了脑子的 马黑黑 发表于 2022-8-4 21:08
是不是啊
这个本来我时间还快的，发现6个小人后面有间隔空了多一点，就去调整代码，不行还是这样，看看黑黑的也是这样，我就直接发了{:4_189:} 马黑黑 发表于 2022-8-4 21:09
你这个帖子还是动了脑子的
这个还是快的，这种不算动什么脑子的 小辣椒 发表于 2022-8-4 21:06
队长晚上好，你看看我这个动图的尺寸，你那边的尺寸也是要和你png尺寸相符
嗯嗯。我就是发了一个战斗机的图片与音乐，另外的我都没有动过的。 加林森 发表于 2022-8-4 21:19
嗯嗯。我就是发了一个战斗机的图片与音乐，另外的我都没有动过的。
你那个尺寸是黑黑的动图尺寸，你没有修改自己的 小辣椒 发表于 2022-8-4 21:22
你那个尺寸是黑黑的动图尺寸，你没有修改自己的
是的。我没有把鹰放出来的。 加林森 发表于 2022-8-4 21:27
是的。我没有把鹰放出来的。
不管什么图图都要修改绝对的尺寸，这样不会变形 小辣椒 发表于 2022-8-4 21:29
不管什么图图都要修改绝对的尺寸，这样不会变形
嗯嗯。明白了。 这个好玩，这么多小人头。很欢乐的祝福{:4_187:} 加林森 发表于 2022-8-4 21:33
嗯嗯。明白了。
队长一定要知道在哪里修改这个尺寸，最好也是稍微修改一下再发