祝小九生日快乐！（马老师金腰带小播）
本帖最后由 冬天的雨 于 2023-3-31 20:11 编辑 <br /><br /><style>#papa { --state: paused; --delay: 0s; margin: auto;left: -380px;width: 1335px; height:754px;top:120px; background: url('https://wj.zp68.com/lxx/yunhua/2023/03/31/39.gif') center/cover no-repeat; box-shadow: 3px 3px 20px #000; position: relative; }
#papa::before, #papa::after { position: absolute; content: url('0a8.png'); animation: flash 1s var(--delay) infinite alternate var(--state); }
#papa::after { right: 0; --delay: .5s; }
#mplayer { --play: 1; --pause: 0; --bd: Black; position: absolute; top: 186px; left: 340px; width: 30px; height: 30px; border-radius: 50%; transition: .7s; cursor: pointer; display: grid; place-items: center; }
#mplayer::before, #mplayer::after {position: absolute;content: '';border-style: solid;border-color: var(--bd);transition: .4s;}
#mplayer::before { width: 0; height: 0; left: 10px; border-width: 8px 10px; border-color: transparent transparent transparent var(--bd); opacity: var(--play); }
#mplayer::after { width: 2px; height: 12px; border-width: 0 4px 0 4px; opacity: var(--pause); }
#mplayer:hover { --bd: gold; }
@keyframes flash { from { opacity: 1; transform: rotate(-5deg); } to { opacity: 0; transform: rotate(5deg); } }
</style>
<div id="papa">
<img src="https://wj.zp68.com/lxx/yunhua/2023/03/31/xrw.gif" alt="" style="position: absolute; left: 880px; top:550px;" />
<div id="mplayer"></div>
</div>
<audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2022/08/30/Want.mp3" loop autoplay></audio>
<script>
let mState = () => aud.paused ? (mplayer.style.setProperty('--play', '1'), mplayer.style.setProperty('--pause', '0'), papa.style.setProperty('--state','paused')) : (mplayer.style.setProperty('--play', '0'),mplayer.style.setProperty('--pause', '1'),papa.style.setProperty('--state','running'));
mplayer.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('play', mState,false);
aud.addEventListener('pause', mState,false);
</script>
<br><br><br><br><br><br><br><br><br><br> 祝福小九生日快乐！@小九 @走过岁月 @小辣椒
谢谢岁月送冬雨的礼物，谢谢小辣椒帮忙做了个图，还帮忙上传了{:4_172:} @马黑黑
马老师你金腰带的小按钮，这个图小辣椒帮忙的，播放器我自己加的，看见岁月的礼物有小圆点出来，马上想到你的金腰带小按钮播放器了{:4_172:} 小九 冬雨这个礼物应该是三位朋友的共同制作了{:4_204:}
冬雨不会岁月的AE制作，不会小辣椒的动图 更加不会马老师的代码播放器{:4_172:} 再祝小九生日快乐！工作顺利，家庭幸福！ 没看到腰带，就在肚子上一阵乱点{:4_189:} 同祝九生日快乐 来了 再来欣赏美女，太诱人了 冬雨做得也不错，要赞 按钮设计在萨克斯上，有创意 还戴个闪亮的耳环 冬天的雨 发表于 2023-3-31 20:10
@马黑黑
马老师你金腰带的小按钮，这个图小辣椒帮忙的，播放器我自己加的，看见岁月的礼物有小圆点出来 ...
文明按钮{:5_106:} @小九 把九儿般上视屏了，冬小帅哥真是厉害无比，没有之一{:4_178:}
九儿快乐收礼。 冬雨这次表现不错，感觉还特别谦虚{:4_170:} 冬天的雨 发表于 2023-3-31 20:08
@走过岁月 @小辣椒
谢谢岁月送冬雨的礼物，谢谢小辣椒帮忙做了个图，还帮忙上传了
不客气，小辣椒可以帮忙肯定不会推脱的 冬天的雨 发表于 2023-3-31 20:10
@马黑黑
马老师你金腰带的小按钮，这个图小辣椒帮忙的，播放器我自己加的，看见岁月的礼物有小圆点出来 ...
冬雨继续有时间做作业的{:4_178:} 同祝小九生日快乐！{:4_177:}
页:
[1]
2