月亮走我也走 TO：樵哥哥 （学习黑黑召唤效果套一个）
<style>#papa {
--state: paused;
margin: 120px 0 0 calc(50% - 780px);
width: 1400px;
height: 828px;
background: #a8e2fa url('https://yinhua.ru/20230310/GIF.gif') no-repeat;
box-shadow: 3px 3px 20px #000;
place-items: center;
z-index: 1;
position: relative;
}
#mplayer {
position: absolute;
top: 75px;
left: 448px;
width: 120px;
height: 120px;
border: 1px solid DoderBlue;
border-radius: 50%;
outline: 1px solid DoderBlue;
outline-offset: 1px;
animation: sd .15s infinite alternate var(--state);
cursor: pointer;
transition: 1s;
}
#mplayer:hover { transform: scale(1.1); }
@keyframes sd {
from { box-shadow: 0 0 30px hsla(0,100%,50%,.45), 0 0 40px hsla(240,100%,50%,.25) inset; }
to { box-shadow: 0 0 60px hsla(120,80%,40%,.35), 0 0 80px hsla(120,100%,50%,.25) inset;}
}
#dt1{ position: absolute; width: 100px; height:40px; top: 200px; left: 250px; }
#dt2{ position: absolute; width: 200px; height: 80px; top: 80px; left: 80px; }
#dt3{ position: absolute; width: 100px; height: 40px; top: 80px; left: 430px; }
</style>
<div id="papa">
<img id="dt1" src="https://yinhua.ru/20230310/fji.gif" alt="" style="position: absolute; mix-blend-mode: multiply; transform: translate(30px, 30px) rotate(360deg); " />
<img id="dt2" src="https://yinhua.ru/20230310/fji.gif" alt="" style="position: absolute; mix-blend-mode: multiply; transform: translate(30px, 30px) rotate(360deg); " />
<img id="dt3" src="https://yinhua.ru/20230310/fji.gif" alt="" style="position: absolute; mix-blend-mode: multiply; transform: translate(30px, 30px) rotate(360deg); " />
<div id="mplayer"></div>
<audio id="aud" src="https://yinhua.ru/20230310/01.mp3" autoplay loop></audio>
</div>
<script>
let mState = () => papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
mplayer.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('play', () => mState());
aud.addEventListener('pause', () => mState());
</script> 樵哥哥，知道你喜欢飞机，我就一下子送你三架{:4_170:}@樵歌 谢谢黑黑，最近没有玩，就套用一个了@马黑黑 樵哥哥老革命的，报告首长，首长辛苦了{:4_170:} 图片真漂亮啊，前面的是樵歌吗{:4_189:} 飞机还会吐气的呢，好玩 小辣椒 发表于 2023-3-10 20:34
谢谢黑黑，最近没有玩，就套用一个了@马黑黑
{:5_146:} 月亮走，我也走，月亮追着飞机走。{:4_189:} 亲爱的动图总是添加得很漂亮。阿哥要去开战斗机了么{:4_173:}
这个制作歌曲和图图结合很好，欣赏亲爱的好帖，师兄收礼开心{:4_187:} 绿叶清舟 发表于 2023-3-10 20:36
图片真漂亮啊，前面的是樵歌吗
是的啊，樵哥哥参军走的时候{:4_189:} 绿叶清舟 发表于 2023-3-10 20:36
飞机还会吐气的呢，好玩
黑黑的{:4_173:} 梦油 发表于 2023-3-10 20:47
月亮走，我也走，月亮追着飞机走。
主要是欢送樵哥哥去参军{:4_189:} 红影 发表于 2023-3-10 20:50
亲爱的动图总是添加得很漂亮。阿哥要去开战斗机了么
这个制作歌曲和图图结合很好，欣赏亲爱的好 ...
这个图图你懂的，飞机后来我添加进了一架{:4_170:} 欣赏小辣椒佳作！{:4_176:} 小辣椒 发表于 2023-3-10 20:53
主要是欢送樵哥哥去参军
那一定是当空军啦。{:4_189:} 小辣椒 发表于 2023-3-10 20:33
樵哥哥，知道你喜欢飞机，我就一下子送你三架@樵歌
来咧来咧，樵哥哥可没兔子腿长，上气不接下气跑来，一看，樵哥哥我大吃一斤，你是怎么弄亲妹纸片片滴{:4_170:} 樵哥哥对灰机情有独钟，小辣椒你可把樵哥哥这点小秘密给露啦。不过，樵哥哥喜欢{:4_185:}{:4_205:} 喜欢你的礼物，喜欢那温馨的图图，喜欢那荡气回肠又耳熟详的歌声。
再次谢谢小辣椒{:4_187:}{:4_183:} 小辣椒 发表于 2023-3-10 20:35
樵哥哥老革命的，报告首长，首长辛苦了
千万别手掌了，小心把你给沾老了{:4_189:} 绿叶清舟 发表于 2023-3-10 20:36
图片真漂亮啊，前面的是樵歌吗
是俺呀，没瞧见俺要开老式战斗鸡到乌国去支援大俄么{:4_170:}