绿叶清舟 发表于 2022-12-20 19:23

羊没之恋TO小羊待羊们

本帖最后由 绿叶清舟 于 2022-12-20 19:27 编辑 <br /><br /><style>
#papa { margin: auto; left: -250px; top: 80px;width: 1100px; height: 700px; background: #051850 url('https://pic.imgdb.cn/item/63a19b62b1fccdcd36c8ead0.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(#000000,#263895,#000000,#263895,#000000); 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: #d8eaf6; 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">羊没了</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=420513605.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-12-20 19:25

杨梅，羊没{:4_205:}

绿叶清舟 发表于 2022-12-20 19:29

马黑黑 发表于 2022-12-20 19:25
杨梅，羊没

狼来了羊没了{:4_189:}

马黑黑 发表于 2022-12-20 19:31

绿叶清舟 发表于 2022-12-20 19:29
狼来了羊没了

狼现在是保护动物，来不了

绿叶清舟 发表于 2022-12-20 19:35

马黑黑 发表于 2022-12-20 19:31
狼现在是保护动物，来不了

被羊保护了？

千羽 发表于 2022-12-20 19:40

这个谐音挺好的，诱人的红亮杨梅{:4_187:}

马黑黑 发表于 2022-12-20 19:41

绿叶清舟 发表于 2022-12-20 19:35
被羊保护了？

大约吧

绿叶清舟 发表于 2022-12-20 19:42

千羽 发表于 2022-12-20 19:40
这个谐音挺好的，诱人的红亮杨梅

千羽在啊，吃一颗不羊了{:4_189:}

千羽 发表于 2022-12-20 19:45

绿叶清舟 发表于 2022-12-20 19:42
千羽在啊，吃一颗不羊了

好呀，现在就去吃好几颗{:4_173:}

绿叶清舟 发表于 2022-12-20 19:45

马黑黑 发表于 2022-12-20 19:41
大约吧

今年应该搞个吃羊节{:4_189:}

绿叶清舟 发表于 2022-12-20 19:48

千羽 发表于 2022-12-20 19:45
好呀，现在就去吃好几颗

好把羊都吃掉了{:4_189:}

千羽 发表于 2022-12-20 19:49

绿叶清舟 发表于 2022-12-20 19:48
好把羊都吃掉了

吃到肚子里{:4_173:}

小辣椒 发表于 2022-12-20 19:49

梅杨～没羊

杨梅现在还没有吧{:4_189:}

小辣椒 发表于 2022-12-20 19:51

灰太狼急了，美羊羊没有了{:4_170:}

小辣椒 发表于 2022-12-20 19:51

清舟好创意{:4_199:}

小辣椒 发表于 2022-12-20 19:52

图图也是特别美，手机欣赏音乐也是听到的{:4_199:}

绿叶清舟 发表于 2022-12-20 19:54

千羽 发表于 2022-12-20 19:49
吃到肚子里

就是啊吃掉就没法折腾了{:4_189:}

绿叶清舟 发表于 2022-12-20 19:55

小辣椒 发表于 2022-12-20 19:49
梅杨～没羊

杨梅现在还没有吧

要到明年五月左右了，家里杨梅酒泡着捞几下来吃吃了{:4_189:}

泡沫 发表于 2022-12-20 19:58

也是听到音乐，看不到图。看来是我手机的问题

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

好嘛，这阵子跟羊干上啦。{:4_189:}
页: [1] 2
查看完整版本: 羊没之恋TO小羊待羊们