加林森 发表于 2022-5-25 12:39

《新女人花》- 陈瑞 TO：东篱闲人


<style>
.wrap {
      left: -302px;top:150px;
        width: 1200px;
        height: 796px;
        background: teal url('https://pic.imgdb.cn/item/628db0b909475431290982c7.jpg') no-repeat

center/cover;
        position: relative;
      box-shadow:4px 4px 5px #333;
      border-radius:8px;
}
.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:60px; top: 20px;
}
.progress {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 155px;
        height: 155px;
        left: 980px;
        top: 260px;
        border-radius: 50%;
        background: conic-gradient(from 180deg,#29ab7c0%,#e4f6f9 0%);
        cursor: pointer;
}

.progress::before {
        position: absolute;
        content: attr(data-per);
        width: 135px;
        height: 135px;
        border-radius: 50%;
        background: #F0FFFF url('https://pic.imgdb.cn/item/628db20709475431290b7054.jpg');
        text-align: center;
        font: normal 26px / 135px sans-serif;
}

</style>

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

<script>

let progress = document.querySelector('.progress');
let aud = document.querySelector('#aud');
let current, task;

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

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

function setProgress(tt,cc) {
        if(tt <= 0 || cc <= 0) return false;
        let prog = 100 * cc / tt;
        progress.style.background = `conic-gradient(from 180deg,#29ab7c ${prog}%,#e4f6f9 ${prog}%)`;
        progress.setAttribute('data-per', prog.toFixed() + '%');
}

</script>
<br><br><br><br><br><br><br><br><br><br>

加林森 发表于 2022-5-25 12:39

新女人花 - 陈瑞

梦的洁白 心的无暇

豆蔻枝头 绽放芳华

红尘万丈 弱水三千

只想找寻 那一个他

蓝色裙子 白色月牙

坐在岸边 唱到沙哑

玫瑰的刺 梅花的冷

只想等到 一颗心呀

女人啊都是一朵花

爱是泥土不要轻摘下

露水啊徒然惹牵挂

你可愿化作春泥来护花

女人啊都是一朵花

花开堪折你要珍惜她

四季啊一年年变化

风吹花落咫尺成天涯

蓝色裙子 白色月牙

坐在岸边 唱到沙哑

玫瑰的刺 梅花的冷

只想等到 一颗心呀

女人啊都是一朵花

爱是泥土不要轻摘下

露水啊徒然惹牵挂

你可愿化作春泥来护花

女人啊都是一朵花

花开堪折你要珍惜她

四季啊一年年变化

风吹花落咫尺成天涯

女人啊都是一朵花

爱是泥土不要轻摘下

露水啊徒然惹牵挂

你可愿化作春泥来护花

女人啊都是一朵花

花开堪折你要珍惜她

四季啊一年年变化

风吹花落咫尺成天涯

风吹花落咫尺成天涯

加林森 发表于 2022-5-25 12:40

@东篱闲人

红影 发表于 2022-5-25 15:22

漂亮的制作。欣赏队长好帖{:4_187:}

加林森 发表于 2022-5-25 16:21

红影 发表于 2022-5-25 15:22
漂亮的制作。欣赏队长好帖

谢谢红影！这个老兄怎么不来收礼呢？

红影 发表于 2022-5-25 16:39

加林森 发表于 2022-5-25 16:21
谢谢红影！这个老兄怎么不来收礼呢？

还没上来吧，上来就看到了。

加林森 发表于 2022-5-25 16:43

红影 发表于 2022-5-25 16:39
还没上来吧，上来就看到了。

可能要晚上才上来吧。

梦油 发表于 2022-5-25 18:00

女人都一枝花，没有女人不成家。

加林森 发表于 2022-5-25 18:05

梦油 发表于 2022-5-25 18:00
女人都一枝花，没有女人不成家。

是的好。{:4_190:}

梦油 发表于 2022-5-25 20:21

加林森 发表于 2022-5-25 18:05
是的好。

没有女人的家，不成为家。

加林森 发表于 2022-5-25 20:37

梦油 发表于 2022-5-25 20:21
没有女人的家，不成为家。

那是单身汉过日子。

梦油 发表于 2022-5-25 20:49

加林森 发表于 2022-5-25 20:37
那是单身汉过日子。

是啊。

加林森 发表于 2022-5-25 20:58

梦油 发表于 2022-5-25 20:49
是啊。

嗯嗯

东篱闲人 发表于 2022-5-26 12:34

加林森 发表于 2022-5-25 12:40
@东篱闲人

来啦。。。。。。{:4_187:}

东篱闲人 发表于 2022-5-26 12:35

加林森 发表于 2022-5-25 16:21
谢谢红影！这个老兄怎么不来收礼呢？

这个美女好，还地包天呢。。。。{:5_117:}

东篱闲人 发表于 2022-5-26 12:36

这歌好听，这沙哑的声线耐人寻味。。。{:4_204:}

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

东篱闲人 发表于 2022-5-26 12:34
来啦。。。。。。

老兄终于来啦。

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

东篱闲人 发表于 2022-5-26 12:35
这个美女好，还地包天呢。。。。

两个美女哦。。。。。{:4_189:}

东篱闲人 发表于 2022-5-26 12:38

加林森 发表于 2022-5-26 12:37
老兄终于来啦。

来收美女。。。。{:4_170:}

加林森 发表于 2022-5-26 12:38

东篱闲人 发表于 2022-5-26 12:36
这歌好听，这沙哑的声线耐人寻味。。。

老兄喜欢就好。我还担心你呢。。。。。{:4_190:}
页: [1] 2 3 4
查看完整版本: 《新女人花》- 陈瑞 TO：东篱闲人