加林森 发表于 2021-12-9 17:25

现在看着很整齐！

本帖最后由 加林森 于 2022-1-29 13:34 编辑 <br /><br />大家晚上好！咱们继续玩！{:4_170:}


<style type="text/css">
.paBox { /* 父框 */
      margin: 10px auto;
      width: 1024px;
      height: 640px;
      position: relative;
      background: #000 url('https://pic.imgdb.cn/item/61f4d0eb2ab3f51d910310cf.jpg') no-repeat;
      left: -210px;
}
/* 父框和 .soBox 的伪元素共同样式 */
.paBox::before, .paBox::after, .soBox::before, .soBox::after {
      content: "";
      position: absolute;
      width: 600px; height: 2px;
      background: silver;
      left: 160px; top: 230px;
      opacity: 0.1;
      transform-origin: center center;
}
/* 父框和 .soBox 的伪元素各自的动画样式 */
.paBox::before { animation: fly 2s linear infinite alternate;}
.paBox::after { height: 4px; animation: fly 5s linear infinite;}
.soBox::before { animation: fly 3s linear infinite;}
.soBox::after { height: 5px; animation: fly 1s linear infinite alternate;}

@keyframes fly { 100% { transform: rotate(360deg); } }
/*旋转按钮*/
.roBox32 {
      margin: 10px;
      position: relative;
      width: 32px; height: 32px;
      line-height: 32px; font-size: 12px;
      background: linear-gradient(blue,gray,red);
      outline:none;
      color: white;
      border-radius: 50%;
      text-align: center;
      box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
      cursor: pointer;
      animation: rol linear 2s infinite;
}
.roBox32:hover { opacity: 0.8; }
.roBox32:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>

<div class="paBox">
      <div class="soBox"></div>
      <p style="position: absolute; left:300px; top:500px; color: #fff;"><marqueescrollamount="3" direction="left" >爱在草原 一首很喜欢的老歌送给大家</marquee></p>
      <!-- 按钮 -->
      <div id="roBox" class="roBox32" style="left:10%;top:88%;">●</div>
</div>

<audio id="ymusic" src="https://www.joy127.com/url/88437.mp3" autoplay="autoplay" loop="loop"></audio>

<script language="javascript">
var mu = document.getElementByid('ymusic');      
var roBtn = document.getElementByid('roBox');
mu.autoplay ? roBtn.style.animationPlayState="running" : roBtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ roBtn.style.animationPlayState="paused"; })
roBtn.onclick = function(){ mu.paused ? (mu.play(), roBtn.style.animationPlayState="running") : (mu.pause(), roBtn.style.animationPlayState="paused"); }
</script>

马黑黑 发表于 2021-12-9 18:34

齐齐整整挺好的

红影 发表于 2021-12-9 19:03

什么东西整齐？

加林森 发表于 2021-12-9 19:16

红影 发表于 2021-12-9 19:03
什么东西整齐？

大家玩得开心啊。整齐划一！{:4_189:}

红影 发表于 2021-12-9 19:49

加林森 发表于 2021-12-9 19:16
大家玩得开心啊。整齐划一！

这个有点绕，我还使劲看到底什么整齐呢{:4_173:}

加林森 发表于 2021-12-9 19:58

红影 发表于 2021-12-9 19:49
这个有点绕，我还使劲看到底什么整齐呢

整齐划一就对了嘛

红影 发表于 2021-12-9 20:01

加林森 发表于 2021-12-9 19:58
整齐划一就对了嘛

标题党{:4_172:}

加林森 发表于 2021-12-9 20:16

红影 发表于 2021-12-9 20:01
标题党

差不多吧{:4_189:}

马黑黑 发表于 2021-12-9 22:26

红影 发表于 2021-12-9 19:03
什么东西整齐？

就是水吧版面首页所有的回复都是队长的

红影 发表于 2021-12-10 14:31

马黑黑 发表于 2021-12-9 22:26
就是水吧版面首页所有的回复都是队长的

哦哦，原来是这样。这个应该是动态的。估计那会正好全是他的{:4_173:}

加林森 发表于 2021-12-10 17:31

继续来玩

马黑黑 发表于 2021-12-10 20:07

红影 发表于 2021-12-10 14:31
哦哦，原来是这样。这个应该是动态的。估计那会正好全是他的

所以他觉得齐整

红影 发表于 2021-12-10 21:35

马黑黑 发表于 2021-12-10 20:07
所以他觉得齐整

还是你反应快，我都没反应过来{:4_173:}

马黑黑 发表于 2021-12-10 23:52

红影 发表于 2021-12-10 21:35
还是你反应快，我都没反应过来

我只是多学一点心理学

红影 发表于 2021-12-11 19:28

马黑黑 发表于 2021-12-10 23:52
我只是多学一点心理学

你的心理学貌似不是针对人类的{:4_173:}

马黑黑 发表于 2021-12-11 19:35

红影 发表于 2021-12-11 19:28
你的心理学貌似不是针对人类的

对，动物心理学，还有人工智能心理学。但你忘了，人也是动物

红影 发表于 2021-12-11 22:04

马黑黑 发表于 2021-12-11 19:35
对，动物心理学，还有人工智能心理学。但你忘了，人也是动物

又来了，我还是不想承认这个，人要高贵多了{:4_173:}

加林森 发表于 2021-12-11 22:10

红影 发表于 2021-12-11 22:04
又来了，我还是不想承认这个，人要高贵多了

你不要与老黑去交，他太能说了。{:4_189:}

红影 发表于 2021-12-11 22:37

加林森 发表于 2021-12-11 22:10
你不要与老黑去交，他太能说了。

这个也不用交战啊，可以保留自己的想法的。

杨柳青 发表于 2021-12-11 22:40

17：25分准备晚餐的时候可以玩什么呢~~~请客吃饭~~~{:5_115:}
页: [1] 2
查看完整版本: 现在看着很整齐！