加林森 发表于 2022-5-14 09:21

《谁在意我流下的泪》-- 蒋雪儿

本帖最后由 加林森 于 2022-5-14 09:29 编辑 <br /><br /><style type="text/css">
.paBox { /* 父框 */
      margin: 10px auto;
      width: 1024px;
      height: 639px;
      position: relative;
      background: #000 url('https://pic.imgdb.cn/item/627f04ff09475431293f2510.jpg') no-repeat;
      left: -214px;
}
/* 父框和 .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="http://www.kumeiwp.com/sub/filestores/2022/05/13/dcd66186e237c20ef1cc256e0f3241cc.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-14 09:30

蒋雪儿 - 谁在意我流下的泪

词：蒋雪儿

曲：蒋雪儿

岁月匆匆像一阵风

多少故事留下感动

谁能无悔谁能无泪

爱恨交错不停的轮回

相聚分离有谁心痛

多少无奈常在心中

花谢花开春去秋来

我怕等不到你的爱

又是雪花飘落的季节

谁能看见我心里的泪

闻不到梅花开的香味

也许已经枯萎

谁还在意我流下的泪

如果爱要让人心碎

我的心已慢慢化成雪

坠落在这世界

岁月匆匆像一阵风

多少故事留下感动

谁能无悔谁能无泪

爱恨交错不停的轮回

相聚分离有谁心痛

多少无奈常在心中

花谢花开春去秋来

我怕等不到你的爱

又是雪花飘落的季节

谁能看见我心里的泪

闻不到梅花开的香味

也许已经枯萎

谁还在意我流下的泪

如果爱要让人心碎

我的心已慢慢化成雪

坠落在这世界

又是雪花飘落的季节

谁能看见我心里的泪

闻不到梅花开的香味

也许已经枯萎

谁还在意我流下的泪

如果爱要让人心碎

我的心已慢慢化成雪

坠落在这世界

我的心已慢慢化成雪

坠落在这世界

朵拉 发表于 2022-5-14 09:30

漂亮{:4_178:}

加林森 发表于 2022-5-14 09:35

朵拉 发表于 2022-5-14 09:30
漂亮

朵拉上午好！{:4_204:}

红影 发表于 2022-5-14 11:59

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

加林森 发表于 2022-5-14 12:12

红影 发表于 2022-5-14 11:59
淡雅漂亮的制作，欣赏队长好帖

谢谢红影支持。简单的一个制作。

小辣椒 发表于 2022-5-14 15:24

队长今天是统一玩这个小转盘按钮了

加林森 发表于 2022-5-14 17:02

小辣椒 发表于 2022-5-14 15:24
队长今天是统一玩这个小转盘按钮了

{:4_189:}是的啊。

红影 发表于 2022-5-15 09:48

加林森 发表于 2022-5-14 12:12
谢谢红影支持。简单的一个制作。

还是挺好的。

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

红影 发表于 2022-5-15 09:48
还是挺好的。

嗯嗯，是的。
页: [1]
查看完整版本: 《谁在意我流下的泪》-- 蒋雪儿