加林森 发表于 2022-5-21 19:26

《相爱分开都是罪V2-Dj光仔Mix-2021》- 抖音莫叫姐姐


<style>
.wrap {
      left: -242px;
      width: 1080px; height: 625px;
      background: teal url('https://pic.imgdb.cn/item/6288c0a809475431292f6cc4.jpg') no-repeat center/cover;
      position: relative;
}
.circle {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 80px; height: 80px;
      left: 10px; bottom: 10px;
      border: solid 6px transparent;
      border-radius: 50%;
      background-image: radial-gradient(ghostwhite, transparent), linear-gradient(120deg,tomato,green,red,gold);
      background-origin: border-box;
      background-clip: content-box, border-box;
      cursor: pointer;
      font: normal 14px sans-serif;
      position: absolute;
}
.circle::before { position: absolute; content: attr(data-per); bottom: 20%;}
.circle::after { position: absolute; content: ''; width: 10px; height: 10px; background: olive; border-radius: 50%; }
.hand {
      position: absolute; width: 2px; height: 50%;
      bottom: 50%; background: rgba(200,20,20,.45);
      transform-origin: bottom;
}
.wrap::before {
      content: '';
      position: absolute;
      width: 50%;
      height: 50%;
      background: url('https://pic.imgdb.cn/item/6235d74f5baa1a80ab9d74a0.gif') no-repeat

center/cover;
      opacity: .55;
      left:30px; top: 20px;
}
</style>

<div class="wrap">
      <div class="circle" data-per="0%">
                <div class="hand"></div>
      </div>
</div>
<audio id="aud" src="https://www.joy127.com/url/83367.mp3" autoplay="autoplay" loop="loop"></audio>

<script>
let circle = document.querySelector('.circle');
let hand = document.querySelector('.hand');
let aud = document.querySelector('#aud');
let current, task;

aud.addEventListener('timeupdate', function(){
      task = aud.duration;
      current = aud.currentTime;
      setProgress(task,current);
});

circle.onclick = () =>{ aud.paused ? aud.play() : aud.pause(); };

function setProgress(tt,cc) {
      if(tt <= 0 || cc <= 0) return false;
      let prog = 100 * cc / tt;
      hand.style.transform = `rotate(${360*prog/100}deg`;
      circle.setAttribute('data-per', prog.toFixed(2) + '%');
}
</script>

加林森 发表于 2022-5-21 19:27

本帖最后由 加林森 于 2022-5-21 19:28 编辑

相爱分开都是罪 (女生版) - 莫叫姐姐

镜子里憔悴的脸
自己也不愿看见
你给的痛 还是那么明显
既然你假装爱我
为何还让我发现
老天 祈求你睁开双眼
让我 不再去为你留恋
不要让我爱得可怜
外面世界那么美
不想囚禁你的美
勉强相爱 我会觉得更累
如果真的不爱我
我也不想你后悔
老天 祈求你睁开双眼
别让 我徘徊爱恨边缘
痛到了心扉 快要崩溃
相爱和分开都是罪
何苦还要面对
不想死死缠绕流眼泪
你既然选择后退
我成全你的美 让你飞
相爱和分开都是罪
一样都是心碎
也许对你已经无所谓
一个人夜里买醉
就解脱这一回 不伤悲
外面世界那么美
不想囚禁你的美
勉强相爱 我会觉得更累
如果真的不爱我
我也不想你后悔
老天 祈求你睁开双眼
别让 我徘徊爱恨边缘
痛到了心扉 快要崩溃
相爱和分开都是罪
何苦还要面对
不想死死缠绕流眼泪
你既然选择后退
我成全你的美 让你飞
相爱和分开都是罪
一样都是心碎
也许对你已经无所谓
一个人夜里买醉
就解脱这一回 不伤悲
相爱和分开都是罪
何苦还要面对
不想死死缠绕流眼泪
你既然选择后退
我成全你的美 让你飞
相爱和分开都是罪
一样都是心碎
也许对你已经无所谓
一个人夜里买醉
就解脱这一回 不伤悲


加林森 发表于 2022-5-21 19:28

@马黑黑

马黑黑 发表于 2022-5-21 19:29

很好，很性感{:4_170:}

加林森 发表于 2022-5-21 19:31

马黑黑 发表于 2022-5-21 19:29
很好，很性感

被迷没有？{:4_170:}

马黑黑 发表于 2022-5-21 19:31

加林森 发表于 2022-5-21 19:31
被迷没有？

俺有定数

加林森 发表于 2022-5-21 19:34

马黑黑 发表于 2022-5-21 19:31
俺有定数

真的假的？{:4_203:}

马黑黑 发表于 2022-5-21 19:35

加林森 发表于 2022-5-21 19:34
真的假的？

柳下惠的说

加林森 发表于 2022-5-21 19:36

马黑黑 发表于 2022-5-21 19:35
柳下惠的说

{:4_172:}

红影 发表于 2022-5-21 20:04

看到队长加了蝴蝶，有改进就好。这美女身材很不错{:4_173:}

加林森 发表于 2022-5-21 20:51

红影 发表于 2022-5-21 20:04
看到队长加了蝴蝶，有改进就好。这美女身材很不错

她叫：莫叫姐姐的。这个是本人照片。

醉美水芙蓉 发表于 2022-5-21 21:14

加林森 发表于 2022-5-21 21:18

醉美水芙蓉 发表于 2022-5-21 21:14
喜欢这样的歌曲！

水芙蓉晚上好。这个歌曲热闹吧。

红影 发表于 2022-5-22 08:51

加林森 发表于 2022-5-21 20:51
她叫：莫叫姐姐的。这个是本人照片。

挺漂亮的姑娘。

加林森 发表于 2022-5-22 09:01

红影 发表于 2022-5-22 08:51
挺漂亮的姑娘。

是啊。
页: [1]
查看完整版本: 《相爱分开都是罪V2-Dj光仔Mix-2021》- 抖音莫叫姐姐