加林森 发表于 2022-5-15 10:30

《雨中的鸟依然在飞》-- 田震


<style type="text/css">
.paBox { /* 父框 */
      margin: 10px auto;
      width: 1200px;
      height: 800px;
      position: relative;
      background: #000 url('https://pic.imgdb.cn/item/628064260947543129016de9.jpg') no-repeat;
      left: -305px;
}
/* 父框和 .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: 64px; height: 64px;
      line-height: 64px; 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:720px; 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/90288.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-5-15 10:31

雨中的鸟依然在飞 - 田震

词：杨海潮

曲：杨海潮

第一次看见你流泪让我不忍面对

你的样子像雨中的鸟

找不到温暖依偎

忽然间我想起了很久以前

你我总是那样无畏

那个从不轻易落泪的你

难道真的一去不回

看着你一天天憔悴一天天枯萎

你说你已快三十岁

却依然无所作为

于是我又努力的让你相信

总有一天我们会飞

就像那只在雨中穿梭的鸟

迎着风雨勇敢的飞

所以不要流泪抬头看着天空

雨中的鸟依然在飞

没有温暖依偎只有风雨相随

雨中的鸟依然在飞

飞呀飞飞呀飞

雨中的鸟依然在飞

飞呀飞飞呀飞

雨中的鸟依然在飞

看着你一天天憔悴

你说时光快如流水

转眼间已快三十岁

却依然无所作为

于是我又努力的让你相信

总有一天我们会飞

就像那只在雨中穿梭的鸟

迎着风雨勇敢的飞

所以不要流泪抬头看着天空

雨中的鸟依然在飞

没有温暖依偎只有风雨相随

雨中的鸟依然在飞

飞呀飞飞呀飞雨中的鸟依然在飞

飞呀飞飞呀飞雨中的鸟依然在飞

飞呀飞飞呀飞雨中的鸟依然在飞

飞呀飞飞呀飞总有一天我们会飞

飞呀飞飞呀飞雨中的鸟依然在飞

飞呀飞飞呀飞总有一天我们会飞

红影 发表于 2022-5-15 11:10

队长全是这种按钮的播放器啊，可以有些变化才好呢{:4_173:}

马黑黑 发表于 2022-5-15 11:12

简洁，大气，美丽
一级棒的音乐
一级棒的作品

加林森 发表于 2022-5-15 11:13

红影 发表于 2022-5-15 11:10
队长全是这种按钮的播放器啊，可以有些变化才好呢

偷会懒。。。{:4_189:}

加林森 发表于 2022-5-15 11:13

马黑黑 发表于 2022-5-15 11:12
简洁，大气，美丽
一级棒的音乐
一级棒的作品

谢谢老黑的点评！{:4_190:}

马黑黑 发表于 2022-5-15 11:17

加林森 发表于 2022-5-15 11:13
谢谢老黑的点评！

队长越来越厉害了

加林森 发表于 2022-5-15 11:18

马黑黑 发表于 2022-5-15 11:17
队长越来越厉害了

只是有点感觉了。还是跟你学习的结果。我得向你致敬！你请喝：{:4_191:}

马黑黑 发表于 2022-5-15 11:21

加林森 发表于 2022-5-15 11:18
只是有点感觉了。还是跟你学习的结果。我得向你致敬！你请喝：

主要还是小辣椒点拨的好

加林森 发表于 2022-5-15 11:30

马黑黑 发表于 2022-5-15 11:21
主要还是小辣椒点拨的好

你们俩都很好的。肯帮助人，我就喜欢与你们一起玩的。

马黑黑 发表于 2022-5-15 11:58

加林森 发表于 2022-5-15 11:30
你们俩都很好的。肯帮助人，我就喜欢与你们一起玩的。

我是玩玩而已

加林森 发表于 2022-5-15 12:17

马黑黑 发表于 2022-5-15 11:58
我是玩玩而已

大家都是玩，每个人的玩法不一样的。

马黑黑 发表于 2022-5-15 12:23

加林森 发表于 2022-5-15 12:17
大家都是玩，每个人的玩法不一样的。

说的也是

加林森 发表于 2022-5-15 12:31

马黑黑 发表于 2022-5-15 12:23
说的也是

嗯嗯。

红影 发表于 2022-5-15 12:34

加林森 发表于 2022-5-15 11:13
偷会懒。。。

不过看图听歌也是不错的{:4_173:}

加林森 发表于 2022-5-15 12:37

红影 发表于 2022-5-15 12:34
不过看图听歌也是不错的

是啊，这样挺好的。

马黑黑 发表于 2022-5-15 13:02

加林森 发表于 2022-5-15 12:31
嗯嗯。

{:4_180:}

加林森 发表于 2022-5-15 13:12

马黑黑 发表于 2022-5-15 13:02


{:4_191:}

红影 发表于 2022-5-16 11:53

加林森 发表于 2022-5-15 12:37
是啊，这样挺好的。

很自在的消遣。

加林森 发表于 2022-5-16 12:02

红影 发表于 2022-5-16 11:53
很自在的消遣。

是啊，自由自在的消遣真的好。
页: [1] 2
查看完整版本: 《雨中的鸟依然在飞》-- 田震