加林森 发表于 2021-12-23 11:53

本帖最后由 加林森 于 2022-2-13 10:08 编辑 <br /><br />小辣椒 发表于 2021-12-22 22:30
队长，今天怎么又换了发帖代码了?
我在试一试

<style type="text/css">
.paBox { /* 父框 */
      margin: 10px auto;
      width: 1024px;
      height: 640px;
      position: relative;
      background: #000 url('https://pic.imgdb.cn/item/620241d22ab3f51d91132fea.jpg') no-repeat;
      left: -210px;
}
/* 父框和 .soBox 的伪元素共同样式 */
.paBox::before, .paBox::after, .soBox::before, .soBox::after {
      content: "";
      position: absolute;
      width: 500px; height: 2px;
      background: silver;
      left: 300px; 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:240px; top:580px; color:#FFA500;"><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/88585.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-23 11:54

本帖最后由 加林森 于 2022-2-8 22:49 编辑

小辣椒 发表于 2021-12-22 22:31
队长这个视频像素你可以换个尺寸1000宽度差不多了
哦，明白了。
https://pic.imgdb.cn/item/620282e92ab3f51d91525267.jpg

加林森 发表于 2021-12-23 11:55

小辣椒 发表于 2021-12-22 22:32
谢谢队长分享，多陪陪老妈，少上来没关系的，忙完了再玩

好的，谢谢！

加林森 发表于 2021-12-23 11:56

马黑黑 发表于 2021-12-22 21:44
那是有授权的，将军出征前说了一大堆粤语你没整明白？

所以你就发将军令了？

马黑黑 发表于 2021-12-23 17:09

加林森 发表于 2021-12-23 11:56
所以你就发将军令了？

有授权就可以发

加林森 发表于 2021-12-23 17:12

马黑黑 发表于 2021-12-23 17:09
有授权就可以发

马将军嚎

马黑黑 发表于 2021-12-23 17:14

加林森 发表于 2021-12-23 17:12
马将军嚎

你嚎你嚎

东篱闲人 发表于 2021-12-23 17:24

加林森 发表于 2021-12-23 11:53
你还是自用吧

你看看，又跟俺客气。。。{:4_170:}

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

马黑黑 发表于 2021-12-23 17:14
你嚎你嚎

继续嚎

加林森 发表于 2021-12-23 17:26

东篱闲人 发表于 2021-12-23 17:24
你看看，又跟俺客气。。。

你千万别客气，自用就行了啊。

马黑黑 发表于 2021-12-23 17:48

加林森 发表于 2021-12-23 17:25
继续嚎

你多嚎嚎

加林森 发表于 2021-12-23 18:07

马黑黑 发表于 2021-12-23 17:48
你多嚎嚎

没有那么多的精神来嚎了

马黑黑 发表于 2021-12-23 19:33

加林森 发表于 2021-12-23 18:07
没有那么多的精神来嚎了

慢慢来吧

加林森 发表于 2021-12-23 19:39

马黑黑 发表于 2021-12-23 19:33
慢慢来吧

嗯嗯
页: 1 2 [3]
查看完整版本: 《让生命等候》 童安格 送大家！