红影 发表于 2021-12-19 22:46

加林森 发表于 2021-12-19 20:36
红影晚上好！

队长好，这个视频很漂亮{:4_187:}

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

加林森 发表于 2021-12-19 21:34
你喝我喝

谢谢队长

加林森 发表于 2021-12-20 12:28

红影 发表于 2021-12-19 22:46
队长好，这个视频很漂亮

就是漂亮啊，所以我才发出来的。

加林森 发表于 2021-12-20 12:29

本帖最后由 加林森 于 2022-5-7 11:15 编辑 <br /><br />马黑黑 发表于 2021-12-19 23:07
谢谢队长
应该的

<style type="text/css">
.paBox { /* 父框 */
      margin: 10px auto;
      width: 1000px;
      height: 562px;
      position: relative;
      background: #000 url('https://pic.imgdb.cn/item/6275e0ac0947543129d40a7a.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:480px; color:#FFA500;"><marqueescrollamount="3" direction="left" >想着你亲爱的--刘恺名、祁隆</marquee></p>
      <!-- 按钮 -->
      <div id="roBox" class="roBox32" style="left:10%;top:88%;">●</div>
</div>

<audio id="ymusic" src="http://www.kumeiwp.com/sub/filestores/2021/03/17/b11b90dbcaa3ea48082828461e9f21f1.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-20 12:31

加林森 发表于 2021-12-20 12:28
就是漂亮啊，所以我才发出来的。

队长好，新周快乐{:4_204:}

加林森 发表于 2021-12-20 12:34

红影 发表于 2021-12-20 12:31
队长好，新周快乐

红影中午好，周一快乐！{:4_171:}

红影 发表于 2021-12-20 15:56

加林森 发表于 2021-12-20 12:34
红影中午好，周一快乐！

{:4_204:}

马黑黑 发表于 2021-12-20 16:48

加林森 发表于 2021-12-20 12:29
应该的

队长喝茶

{:4_180:}

加林森 发表于 2021-12-20 17:09

红影 发表于 2021-12-20 15:56


{:4_204:}{:4_190:}

加林森 发表于 2021-12-20 17:09

马黑黑 发表于 2021-12-20 16:48
队长喝茶

谢谢老黑！{:4_190:}

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

加林森 发表于 2021-12-20 17:09
谢谢老黑！

谢茶

加林森 发表于 2021-12-20 17:28

马黑黑 发表于 2021-12-20 17:10
谢茶

回家没有？

马黑黑 发表于 2021-12-20 18:01

加林森 发表于 2021-12-20 17:28
回家没有？

准备了，明天回去

加林森 发表于 2021-12-20 19:13

马黑黑 发表于 2021-12-20 18:01
准备了，明天回去

很好啊。

马黑黑 发表于 2021-12-20 19:56

加林森 发表于 2021-12-20 19:13
很好啊。

事办完了

加林森 发表于 2021-12-20 20:01

马黑黑 发表于 2021-12-20 19:56
事办完了

可以回家了吧

马黑黑 发表于 2021-12-20 20:06

加林森 发表于 2021-12-20 20:01
可以回家了吧

是的

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

马黑黑 发表于 2021-12-20 20:06
是的

欢迎回家！
页: 1 2 [3]
查看完整版本: 《琵琶行》古风音乐 送大家！