论坛 › 音乐沙龙 › 如愿TO友昕

绿叶清舟 发表于 2025-2-19 21:23

如愿TO友昕

<style>
#papa {
        margin: 30px 0 30px calc(50% - 678px);
        width: 1200px;
        height: 680px;
        background: url('https://pic1.imgdb.cn/item/67b5d9c9d0e0a243d400cf8d.jpg') no-repeat center/cover;
        overflow: hidden;
        box-shadow: 0 0 10px rgba(0,0,0,.5);
        z-index: 1;
        position: relative;
}
#player {
        position: absolute;
        bottom: -60px;
        left: calc(50% - 285px);
        width: 300px;
        height: 300px;
        border: 6px solid orange;
        border-radius: 50%;
        cursor: pointer;
        transform: rotateX(60deg);
        --tt: 6s;
}
#player::before, #player::after {
        position: absolute;
        content: '';
        border: inherit;
        border-radius: inherit;
        animation: rot var(--tt) linear infinite var(--state);
}
#player::before {
        inset: 20px;
        border-color: transparent gold;
}
#player::after {
        inset: 40px;
        border-width: 12px;
        border-style: dashed;
        --tt: 4s;
}
li-zi {
        position: absolute;
        width: 10px;
        height: 20px;
        border-radius: 50%;
        box-shadow: inset 0 0 10px red;
}
@keyframes moving {
        from { transform: translateY(0); opacity: 1; }
        to { transform: translateY(-800px); opacity: 0; }
}
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="papa">
        <!-- Moola Mantra -->
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1942685912" autoplay loop></audio>
        <div id="player" title="播放/暂停" class="loading"></div>
</div>

<script>
var all = 100;
for(var i = 0; i < all; i++) {
        var lz = document.createElement('li-zi');
        lz.style.cssText += `
                left: ${ 60 + Math.floor(Math.random() * 160)}px;
                top: ${ 60 + Math.floor(Math.random() * 160)}px;
                background: #${Math.random().toString(16).substring(2,8)};
                animation: moving ${Math.random() * 2 + 2}s -${Math.random() * 4}s cubic-bezier(0.01, 0.12, 0.6, 1.04) infinite var(--state);
        `;
        player.prepend(lz);
}
aud.oncanplay = aud.onplaying = aud.onpause = () => papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
player.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

绿叶清舟 发表于 2025-2-19 21:24

@友昕 是这首歌吗，第一次听了王菲原唱的找不到选了个童声了

红影 发表于 2025-2-19 21:26

佛祖的手在灯光映衬下像是透明的。这制作真漂亮{:4_187:}

红影 发表于 2025-2-19 21:27

欣赏清舟好帖，友昕收礼开心{:4_199:}

小辣椒 发表于 2025-2-19 22:25

清舟真棒，一个个在补作业{:4_170:}

小辣椒 发表于 2025-2-19 22:26

画面也是可爱，音乐也是动听{:4_208:}

庶民 发表于 2025-2-20 08:41

喜欢这样的思想。

梦油 发表于 2025-2-20 09:21

欣赏精彩制作，
祝福友昕快乐。

樵歌 发表于 2025-2-20 09:23

简直把西方佛主给请来了，这愿许会应验的。{:4_173:}

樵歌 发表于 2025-2-20 09:29

https://music.163.com/song?id=1888381008&uct2=U2FsdGVkX18y8mkzbr+YYsxj3zAZLIXV8P1HdOvotLY=

樵歌 发表于 2025-2-20 09:35

樵歌 发表于 2025-2-20 09:29
https://music.163.com/song?id=1888381008&uct2=U2FsdGVkX18y8mkzbr+YYsxj3zAZLIXV8P1HdOvotLY=

怎么一回复就娈了呵应当是这个id=1888381008

友昕 发表于 2025-2-20 17:02

绿叶清舟 发表于 2025-2-19 21:24
@友昕 是这首歌吗，第一次听了王菲原唱的找不到选了个童声了

是的，我是刷抖音看到外国儿童在天坛合唱这首歌才了解的

童声也很动人

清舟制作依然是那么精彩！ 谢谢！{:4_187:}

冬天的雨 发表于 2025-2-22 17:04

清舟的作品，一如既往的耐品，欣赏{:4_199:}

绿叶清舟 发表于 2025-2-25 20:37

友昕 发表于 2025-2-20 17:02
是的，我是刷抖音看到外国儿童在天坛合唱这首歌才了解的

童声也很动人


不客气啊，已经传到国外了啊，俺才知道这首歌了

绿叶清舟 发表于 2025-2-25 20:38

冬天的雨 发表于 2025-2-22 17:04
清舟的作品，一如既往的耐品，欣赏

冬雨来了啊，现在越来越做不出图了

绿叶清舟 发表于 2025-2-25 20:39

樵歌 发表于 2025-2-20 09:35
怎么一回复就娈了呵应当是这个id=1888381008

是不是因为你的VIP啊，按你那个地址点过去我听不到的了必须是VIP的

绿叶清舟 发表于 2025-2-25 20:40

红影 发表于 2025-2-19 21:26
佛祖的手在灯光映衬下像是透明的。这制作真漂亮

原图也是差不多透明的了

绿叶清舟 发表于 2025-2-25 20:41

樵歌 发表于 2025-2-20 09:23
简直把西方佛主给请来了，这愿许会应验的。

谢谢樵歌吉言了{:4_204:}

绿叶清舟 发表于 2025-2-25 20:41

小辣椒 发表于 2025-2-19 22:25
清舟真棒，一个个在补作业

看到一个补一个了{:4_189:}

绿叶清舟 发表于 2025-2-25 20:45

小辣椒 发表于 2025-2-19 22:26
画面也是可爱，音乐也是动听

在友昕的谜语里知道这首歌还是第一次听了

查看完整版本: 如愿TO友昕