花潮大联欢（也套用一个）
<style>#papa { left: -393.5px;top:150px; width: 1383px; height: 744px; display: grid; place-items: center; background: gray url('https://wj.zp68.com/lxx/yunhua/2022/08/06/9IF.gif') no-repeat center/cover; box-shadow: 3px 3px 26px #000; position: relative;overflow: hidden; }
#papa div, #papa img, #papa span { position: absolute; }
#mama { width: 420px; height: 150px; left: 114pxbackground: radial-gradient(at 10% 20%, snow, transparent); border-radius: 20%; display: grid; place-items: center; transform: rotate(0deg);box-shadow: -30px 30px 60px #444;}
#disc { right: calc(50% - 30px); top: calc(20% - 30px); width: 60px; height: 60px; background: conic-gradient(red,orange,yellow,green,teal,blue,purple); mask: radial-gradient(transparent 4px,red 0); -webkit-mask: radial-gradient14(transparent 4px,red 0); border-radius: 50%; opacity: 0; cursor: pointer; animation: rot 2s linear infinite; }
#wu1 { width: 304px; height: 280px; left: calc(70% - 80px); bottom: 30px; opacity: 0.2; }
#wu2 { width: 304px; height: 280px; left: calc(20% - 30px); bottom: 30px; opacity: 0.2; }
#wu3 { width: 350px; height: 300px; left: 220px; bottom: 150px; opacity: 0; transform: scale(0); }
#wu4 { width: 110px; height: 170px; left: 275px; bottom: 150px; opacity: 0; transform: scale(0); }
#wu5 { width: 90px; height: 123px; left: 580px; bottom:350px; opacity: 0; transform: scale(0); }
#tit { font: bold 2em/2.4em sans-serif; color: #F6DE80; text-shadow: 1px 1px 2px rgba(0,0,0,.75); opacity: 0;
}
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="papa">
<div id="disc"></div>
<img id="wu1" src="https://pic.imgdb.cn/item/62ef87dc16f2c2beb1a100e7.gif" alt="" />
<img id="wu2" src="https://pic.imgdb.cn/item/62ef87dc16f2c2beb1a100e7.gif" alt="" />
<img id="wu3" src="https://pic.imgdb.cn/item/62ef85bb16f2c2beb1993b6c.gif" alt="" />
<img id="wu4" src="https://wj.zp68.com/lxx/yunhua/2022/08/06/001.gif" alt="" />
<img id="wu5" src="https://wj.zp68.com/lxx/yunhua/2022/08/06/003.gif" alt="" />
<div id="mama"><span id="tit">花潮大联欢</span></div>
</div><br><br><br><br><br><br>
<script>
let idx = 0, aud = new Audio();
aud.src = 'https://wj1.zp68.com:812/lxx/yy/jywm.mp3 ';
aud.loop = true;
aud.autoplay = true;
disc.style.animationPlayState = aud.paused ? 'paused' : 'running';
let TT = setTimeout(change,3000);
disc.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing',()=> disc.style.animationPlayState = 'running');
aud.addEventListener('pause',()=> disc.style.animationPlayState = 'paused');
function change() {
let aniAr = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
let ele = aniAr;
ele.style.transition = 'all 3s';
ele.style.cssText += aniAr;
idx ++;
idx <= aniAr.length - 1 ? TT = setTimeout(change, 3000) : clearTimeout(TT);
}
</script>
@小辣椒 队长你这个抠图不美观呢 小辣椒 发表于 2022-8-7 18:14
队长你这个抠图不美观呢
我才开始学习扣图的。{:5_102:} 队长给你改了图图尺寸，这个套用不是纯直接套用可以玩的，也是有许多要重新设置的，你重新做吧
仔细看看我发你的说明
小辣椒 发表于 2022-8-7 18:23
队长给你改了图图尺寸，这个套用不是纯直接套用可以玩的，也是有许多要重新设置的，你重新做吧
正在研究呢。谢谢你了。{:4_190:} 队长，不急，慢慢来，你这些图图尺寸自己改等比例缩小一点，最下面的那些尺寸也是要按图图界面的场景修改尺寸 小辣椒 发表于 2022-8-7 18:27
队长，不急，慢慢来，你这些图图尺寸自己改等比例缩小一点，最下面的那些尺寸也是要按图图界面的场景修改尺 ...
好的好的。 队长不要太辛苦，本来就是玩，慢慢做 小辣椒 发表于 2022-8-7 18:29
队长不要太辛苦，本来就是玩，慢慢做
嗯嗯，明白的。 广场舞跳的那么艳丽，队长厉害 马黑黑 发表于 2022-8-7 19:02
广场舞跳的那么艳丽，队长厉害
没有做好。我还在修改。 加林森 发表于 2022-8-7 19:09
没有做好。我还在修改。
不错了 马黑黑 发表于 2022-8-7 19:27
不错了
谢谢老黑鼓励。我也是努力去理解，能不能成功等下就知道。{:4_191:} 很欢乐，如此热闹的广场。欣赏队长好帖{:4_187:} 红影 发表于 2022-8-7 19:45
很欢乐，如此热闹的广场。欣赏队长好帖
谢谢红影鼓励。还没有成功，我还在修改。 加林森 发表于 2022-8-7 19:33
谢谢老黑鼓励。我也是努力去理解，能不能成功等下就知道。
已经成功了 马黑黑 发表于 2022-8-7 19:56
已经成功了
谢谢，我脑壳都整疼了。{:5_106:} 加林森 发表于 2022-8-7 20:04
谢谢，我脑壳都整疼了。
疼一点正常 马黑黑 发表于 2022-8-7 20:09
疼一点正常
嗯嗯。
页:
[1]
2