加林森 发表于 2022-2-13 15:57

《多一点温柔》 李国祥 送大家!

本帖最后由 加林森 于 2022-2-13 17:48 编辑 <br /><br /><style type="text/css">
.paBox { /* 父框 */
      margin: 10px auto;
      width: 1024px;
      height: 585px;
      position: relative;
      background: #000 url('https://pic.imgdb.cn/item/6208d3d02ab3f51d91980bfc.jpg') no-repeat;
      left: -213px;
      top: 150px
}

/* 父框和 .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); } }
/*旋转按钮*/
.roBox50 {
      margin: 10px;
      position: relative;
      width: 50px; height: 50px;
      line-height: 50px; font-size: 14px;
      background: linear-gradient(Blue,Pink,Teal);
      outline:none;
      color: Indigo;
      border-radius: 50%;
      text-align: center;
      box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.25);
      cursor: pointer;
      animation: rol linear 2s infinite;
}
.roBox50:hover { opacity: 0.8; }
.roBox50:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>

<div class="paBox">
      <div class="soBox"></div>
      <p style="position: absolute; left:50px; top:200px; color: #b6d8d8;"><marqueescrollamount="3" direction="left" ><b><font face="微软雅黑" size="4">一首多一点温柔-李国祥演唱 送给大家!【加林森编制】</font></marquee></p>
      <!-- 按钮 -->
      <div id="roBox" class="roBox50" style="left:5%;top:7%;">●</div>
</div>

<audio id="ymusic" src="https://www.joy127.com/url/88621.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>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>

加林森 发表于 2022-2-13 15:59

本帖最后由 加林森 于 2022-2-13 16:01 编辑

多一点温柔
歌手:李国祥
作词:向雪怀
作曲:李国祥
音乐风格: 流行
发行时间:1993-01-01
发行公司:嘉音唱片
从前如像片风
不爱停留
如云浮在半空 无忧…
直至一天跟你邂逅
竟会开始想今天以后
情共爱会如何一生拥有
从前怀着信心
响往自由
谁人能令我很 回首…
直至一天将你接受
将我一颗心交出以后
能令你快乐时经已够
我只想多给你一点温柔
你一生只要享受
会一些痛惜祝福爱护
让以后放在我的手
我只想多给你一点温柔
每一刻充满感受
爱的心盼你懂得接受
热爱是永远拥有
从前怀着信心
响往自由
谁人能令我很 回首…
直至一天将你接受
将我一颗心交出以后
能令你快乐时经已够
我只想多给你一点温柔
你一生只要享受
会一些痛惜祝福爱护
让以后放在我的手
我只想多给你一点温柔
每一刻充满感受
爱的心盼你懂得接受
热爱是永远拥有
我只想多给你一点温柔
你一生只要享受
会一些痛惜祝福爱护
让以后放在我的手
我只想多给你一点温柔
每一刻充满感受
爱的心盼你懂得接受
热爱是永远拥


红影 发表于 2022-2-13 18:56

队长又做一个啊,好看{:4_187:}

加林森 发表于 2022-2-13 21:40

红影 发表于 2022-2-13 18:56
队长又做一个啊,好看

是不是感到有点温馨啊。{:4_187:}

小辣椒 发表于 2022-2-13 22:04

队长要学会移动播放器按钮的位子

加林森 发表于 2022-2-13 22:05

小辣椒 发表于 2022-2-13 22:04
队长要学会移动播放器按钮的位子

正在学习。我现在可以调了。谢谢小辣椒!{:4_187:}

加林森 发表于 2022-2-13 22:12

小辣椒 发表于 2022-2-13 22:04
队长要学会移动播放器按钮的位子

好的好的,我会的。

红影 发表于 2022-2-14 13:47

加林森 发表于 2022-2-13 21:40
是不是感到有点温馨啊。

很漂亮的制作{:4_204:}

加林森 发表于 2022-2-14 16:37

红影 发表于 2022-2-14 13:47
很漂亮的制作

是的是的,今天过节了。{:4_187:}

红影 发表于 2022-2-14 20:00

加林森 发表于 2022-2-14 16:37
是的是的,今天过节了。

共同祝福天下有情之人{:4_187:}

加林森 发表于 2022-2-14 20:07

红影 发表于 2022-2-14 20:00
共同祝福天下有情之人

应该的!

马黑黑 发表于 2022-2-16 18:41

大气

加林森 发表于 2022-2-16 19:00

马黑黑 发表于 2022-2-16 18:41
大气

谢谢谢谢!

马黑黑 发表于 2022-2-16 19:29

加林森 发表于 2022-2-16 19:00
谢谢谢谢!

{:4_190:}

加林森 发表于 2022-2-16 19:41

马黑黑 发表于 2022-2-16 19:29


{:4_191:}
页: [1]
查看完整版本: 《多一点温柔》 李国祥 送大家!