小辣椒 发表于 2024-6-29 17:38

人生的路步步难 (Live合唱版)

<style type="text/css">
#papa { margin: 140px-290px; background:url('https://xlaj.cn/assets/file/zp/20240629173035.jpg') no-repeat center/cover;width: 1400px; height: 700px;   box-shadow: 3px 3px 6px gray; overflow: hidden; z-index: 1; position: relative; display: grid; place-items: center; }
#bjbs{animation: rotating 1s linear infinite;width: 1400px; height: 700px;position: absolute;background:url('https://xlaj.cn/assets/file/zp/20240629173035.jpg')no-repeat center/cover;}
@keyframes rotating{50%{filter:hue-rotate(360deg)contrast(110%)brightness(100%);}}
#bfq{position: absolute;
width: 380px;
height: 380px;top:100px; left:10px;z-index: 80;overflow: hidden;transform:translate(0%,0%)scale(.8);}
#vinyl{position: absolute;
      left:40px;
      bottom: 30px;
         animation: spin 8slinear infinite;
      display:flex;
      align-items:center;
      justify-content:center;
      width:150px;
      height:150px;
      border-radius:100%;transition: .5s;
      background:linear-gradient(-45deg,#333,black,#aaa, black,#333);
}
#vinyl:before,#vinyl:after{
      content:'';
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      background:repeating-radial-gradient(circle at center,#222 4px,transparent 8px);
      border-radius:50%;
}
.label{
      width:70px;
      height:70px;
      border-radius:100%;
      z-index:1;
      background:url(https://xlaj.cn/assets/file/zp/20240629173035.jpg)no-repeat 0px 0px/cover;
}
.label:before{
      content:'';
      position:absolute;
      width:12px;
      height:12px;
      border-radius:100%;
      background-color: #fff;
      margin:auto;
      display:block;
      top:0;left:0;right:0;bottom:0;
}
@keyframes spin {to { transform: rotate(1turn); }}
#mplayer {position: absolute;
      top:160px; left:60px;z-index: 21;
      width: 180px;
      height: 180px;
      cursor: pointer;
}
.pink { background: url('https://xlaj.cn/assets/file/zp/20240629172940.png')no-repeat center/cover;transform:rotate(-2deg);transform-origin: 100% 0%;}
.purple { background: url('https://xlaj.cn/assets/file/zp/20240629172940.png')no-repeat center/cover; transform-origin: 48% 0%;margin: 32px -4px;transform:rotate(-20deg);}
#tz { top:60px;left:1200px;width: 100px; height: 600px; z-index: 1; overflow: hidden; position: absolute; }
      #tz::before { content: attr(data-lrc); position: absolute; left: 20px; top: 0px; width: 80px; height: 100%; writing-mode: vertical-rl; font: normal 40px/90px 微软雅黑; color: transparent; background: repeating-linear-gradient(to bottom, gold, lightgreen, snow, lightgreen, orange) 50%/80px 200px; -webkit-background-clip: text;filter:drop-shadow(#000 1px 0 0)drop-shadow(#000 0 1px 0)drop-shadow(#000 -1px 0 0) drop-shadow(#000 0 -1px0);}
</style>
<div id="papa">
<div id="bjbs"> </div>
<div id="tz" data-lrc="别让眼泪把我灌醉 - 魏佳艺"></div>
<div id="bfq"><div id="mplayer" class="pink"></div>
<div id="vinyl">
      <div class="label"></div>
</div>
</div>
</div>
<audio id="aud" src="https://s2.ananas.chaoxing.com/sv-w7/audio/bf/83/6a/75a460ccb0192d2b9d8385c6ef1aa281/audio.mp3" autoplay loop></audio>
<script>
document.write('<script src="https://file.uhsea.com/2406/ed88b02a6b7ff53712d5c567c4f7e75fN5.js" type="text/javascript" charset="utf-8"><\/script>');
document.write('<script src="https://file.uhsea.com/2406/f2acf86a6066b290dcd5ca8e54d223c1T3.js" type="text/javascript" charset="utf-8"><\/script>');
var lrc = `人生的路步步难 (Live合唱版)   
歌手：伊笑
心事没人讲 苦累一人扛
生活也只剩下了繁忙
理想没空想 结婚没有车和房
每天只想怎么能多挣几两
年龄一直涨 父母满头霜
日子让人越过越恐慌
丢掉了轻狂 也向现实投了降
奈何烦恼还是揪着我不放
人生的路步步难 一步苦来一步酸
一身风雪伴着一身的孤单
都想有钱男子汉 谁想没钱汉子难
可富贵贫寒都在这人间
人生的路步步难 一脚深来一脚浅
磕磕绊绊走过多少沟和坎
如今还在人后站 没能等来时运转
这命运总是看我不顺眼
。。。。。
年龄一直涨 父母满头霜
日子让人越过越恐慌
丢掉了轻狂 也向现实投了降
奈何烦恼还是揪着我不放
人生的路步步难 一步苦来一步酸
一身风雪伴着一身的孤单
都想有钱男子汉 谁想没钱汉子难
可富贵贫寒都在这人间
人生的路步步难 一脚深来一脚浅
磕磕绊绊走过多少沟和坎
如今还在人后站 没能等来时运转
这命运总是看我不顺眼
人生的路步步难 一步苦来一步酸
一身风雪伴着一身的孤单
都想有钱男子汉 谁想没钱汉子难
可富贵贫寒都在这人间
人生的路步步难 一脚深来一脚浅
磕磕绊绊走过多少沟和坎
如今还在人后站 没能等来时运转
这命运总是看我不顺眼
。。。。。。

`;
</script>



小辣椒 发表于 2024-6-29 17:41

亚伦，感觉竖的歌词还是横的好，长的歌词会高度不够。

还是喜欢你原来的播放器指针，但今天没有显示了，我重新换了一个，最好你的可以重新上传过，歌词也是做横的;P;P;P;P;P

無名 发表于 2024-6-29 19:07

都是💰惹的祸;P

liumang 发表于 2024-7-1 00:11

这个背景很炫酷{:5_150:}{:5_150:}

liumang 发表于 2024-7-1 00:11

小辣椒这是同一首

小辣椒 发表于 2024-7-1 22:04

liumang 发表于 2024-7-1 00:11
小辣椒这是同一首

应该是同一首的，没有去找前面的了，因为这首歌是小子发我的{:5_146:}

liumang 发表于 2024-7-1 23:13

小辣椒 发表于 2024-7-1 22:04
应该是同一首的，没有去找前面的了，因为这首歌是小子发我的

好的，现在我也是没有时间去找，这样简单一点，也是一样的
页: [1]
查看完整版本: 人生的路步步难 (Live合唱版)