绿叶清舟 发表于 2022-8-18 10:31

【末伏消暑】第四天 伏特加


<style>
#papa { margin: auto; left: -250px; top: 80px;width: 1100px; height: 700px; background: #000000 url('https://pic.imgdb.cn/item/62fda39816f2c2beb1138e4b.jpg') no-repeat; box-shadow: 3px 3px 20px -3px #000; position: relative; }

#disc { position: absolute; width: 40px; height: 40px; left: 10px; top: 10px; background: conic-gradient(#362602,#ffb200,#362602,#ffb200,#362602); mask: radial-gradient(transparent 4px,red 0); -webkit-mask: radial-gradient(transparent 4px,red 0); border-radius: 50%; cursor: pointer; animation: rot 2s linear infinite; }
#tit { position: absolute; left: 60px; top: 10px;font: bold 22px / 40px sans-serif; color: #362602; text-shadow: 1px 1px 2px black; }
@keyframes rot { to { transform: rotate(360deg); } }
@keyframes circle { from { transform: rotate(0) translate(50px); } to { transform: rotate(360deg) translate(50px); } }
</style>

<div id="papa">
      
      <div id="tit">伏特加 - Monster KaR</div>
      <div id="disc"></div>
</div>
<BR><BR><BR><BR><BR><BR>
<script>
let stepX = 1, stepY = 1, moveX= 0, moveY = 0;
let aud = new Audio();

aud.src = 'http://music.163.com/song/media/outer/url?id=32897773.mp3';
aud.loop = true;
aud.autoplay = true;

disc.style.animationPlayState = aud.paused ? 'paused' : 'running';
disc.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing',()=> disc.style.animationPlayState = 'running');
aud.addEventListener('pause',()=> disc.style.animationPlayState = 'paused');

motion();

function motion() {
      moveX += stepX;
      moveY += stepY;
      mama.style.left = moveX + 'px';
      mama.style.top = moveY + 'px';
      requestAnimationFrame(motion);
      if(moveX < 0 || moveX >= papa.offsetWidth - mama.offsetWidth) stepX = -stepX;
      if(moveY < 0 || moveY >= papa.offsetHeight - mama.offsetHeight) stepY = -stepY;
}
</script>

樵歌 发表于 2022-8-18 10:44

哇，好洋酒，给俺来上一满杯。{:4_174:}

红影 发表于 2022-8-18 15:45

这个制作漂亮，简洁却突出主题。播放器的颜色和图图色调一致呢，真漂亮{:4_199:}

梦油 发表于 2022-8-18 16:19

好酒，先敬楼主一杯。

绿叶清舟 发表于 2022-8-19 19:39

梦油 发表于 2022-8-18 16:19
好酒，先敬楼主一杯。

梦油晚上好，来干一杯{:4_191:}

绿叶清舟 发表于 2022-8-19 19:40

樵歌 发表于 2022-8-18 10:44
哇，好洋酒，给俺来上一满杯。

{:4_191:}满上了，干个

绿叶清舟 发表于 2022-8-19 19:40

红影 发表于 2022-8-18 15:45
这个制作漂亮，简洁却突出主题。播放器的颜色和图图色调一致呢，真漂亮

不知道伏啥的，正好看到这首歌了

梦油 发表于 2022-8-19 20:04

绿叶清舟 发表于 2022-8-19 19:39
梦油晚上好，来干一杯

谢谢清舟朋友。为我们的友谊干杯！

绿叶清舟 发表于 2022-8-19 20:13

梦油 发表于 2022-8-19 20:04
谢谢清舟朋友。为我们的友谊干杯！

好来干了，不客气啊

梦油 发表于 2022-8-19 20:59

绿叶清舟 发表于 2022-8-19 20:13
好来干了，不客气啊

对对对，清舟朋友，还是随意一点好。

绿叶清舟 发表于 2022-8-19 21:09

梦油 发表于 2022-8-19 20:59
对对对，清舟朋友，还是随意一点好。

是啊，俺最随意的了

红影 发表于 2022-8-19 21:18

绿叶清舟 发表于 2022-8-19 19:40
不知道伏啥的，正好看到这首歌了

反正带伏字就成{:4_173:}

樵歌 发表于 2022-8-19 22:04

绿叶清舟 发表于 2022-8-19 19:40
满上了，干个

再来一杯{:4_176:}

加林森 发表于 2022-8-19 23:18

我喜欢伏特加！我去过俄罗斯的。{:4_176:}

梦油 发表于 2022-8-20 09:54

绿叶清舟 发表于 2022-8-19 21:09
是啊，俺最随意的了

清舟朋友早晨好！好朋友就不要拘谨，对吧。

绿叶清舟 发表于 2022-8-20 19:31

红影 发表于 2022-8-19 21:18
反正带伏字就成

是啊，不管啥伏的了{:4_189:}

绿叶清舟 发表于 2022-8-20 19:32

樵歌 发表于 2022-8-19 22:04
再来一杯

{:4_191:}必须干了

绿叶清舟 发表于 2022-8-20 19:32

加林森 发表于 2022-8-19 23:18
我喜欢伏特加！我去过俄罗斯的。

这酒很烈的，以前也喝过

绿叶清舟 发表于 2022-8-20 19:32

梦油 发表于 2022-8-20 09:54
清舟朋友早晨好！好朋友就不要拘谨，对吧。

梦油晚上好，是啊要随便不要拘谨{:4_189:}

梦油 发表于 2022-8-20 19:37

绿叶清舟 发表于 2022-8-20 19:32
梦油晚上好，是啊要随便不要拘谨

看来，清舟朋友是一位很随和的人。
页: [1] 2
查看完整版本: 【末伏消暑】第四天 伏特加