加林森 发表于 2022-2-7 14:54

《如果来生还是今世的重复》 杭宏

本帖最后由 加林森 于 2022-2-8 17:24 编辑 <br /><br /><style type="text/css">
.paBox { /* 父框 */
      margin: 10px auto;
      width: 1024px;
      height: 640px;
      position: relative;
      background: #000 url('https://pic.imgdb.cn/item/6200c0882ab3f51d91b6e260.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:160px; top:600px; color: #e12325;"><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/88557.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>

加林森 发表于 2022-2-7 14:56

本帖最后由 加林森 于 2022-2-7 15:00 编辑

                                                                     如果来生还是今世的重复
                                                                        演唱：杭宏


不知道如何开始难预料 怎样结束都说是多情要比无情苦你为何 还要脉脉含情是不是 你 太疏忽是不是 你 很糊涂爱到尽头也回不到当初你为何 还要如此执固如果来生还是今世的重复纵然多情要比无情苦如果来生还是今世的重复你是否 还是这样不在乎                                                                              




清儿幽幽 发表于 2022-2-7 15:12

初听此歌   柔情   欣赏{:4_171:}

加林森 发表于 2022-2-7 15:14

清儿幽幽 发表于 2022-2-7 15:12
初听此歌   柔情   欣赏

谢谢清儿支持！是甘十九妹的主题曲。{:4_187:}{:4_190:}

红影 发表于 2022-2-7 15:30

漂亮的制作，欣赏队长好帖{:4_187:}

加林森 发表于 2022-2-7 15:32

红影 发表于 2022-2-7 15:30
漂亮的制作，欣赏队长好帖

谢谢红影支持！{:4_187:}

杨柳青 发表于 2022-2-7 19:34

好好好~~满师了~~{:5_116:}

加林森 发表于 2022-2-7 19:40

杨柳青 发表于 2022-2-7 19:34
好好好~~满师了~~

还差得远哦。

杨柳青 发表于 2022-2-7 19:43

加林森 发表于 2022-2-7 19:40
还差得远哦。

不远不远~~已经可以了~~不过我是外行哦~~{:5_106:}

加林森 发表于 2022-2-7 20:03

杨柳青 发表于 2022-2-7 19:43
不远不远~~已经可以了~~不过我是外行哦~~

你比我厉害多了，我都想向你学习了。

杨柳青 发表于 2022-2-7 22:45

加林森 发表于 2022-2-7 20:03
你比我厉害多了，我都想向你学习了。

{:5_115:}

加林森 发表于 2022-2-7 22:52

杨柳青 发表于 2022-2-7 22:45


不要装神弄鬼的好不好？

杨柳青 发表于 2022-2-7 23:12

加林森 发表于 2022-2-7 22:52
不要装神弄鬼的好不好？

{:4_203:}

加林森 发表于 2022-2-8 08:59

杨柳青 发表于 2022-2-7 23:12


{:4_174:}
页: [1]
查看完整版本: 《如果来生还是今世的重复》 杭宏