绿叶清舟 发表于 2023-4-15 11:22

Longing For The Unknown


<style>
#mydiv {
      left: -250px;
      width: 1100px;
      height: 700px;
      background: #000 url('https://pic.imgdb.cn/item/643a16390d2dde5777e232fc.jpg') center/cover no-repeat;
      overflow: hidden;
      cursor: pointer;
      position: relative;
      --state: paused;
}
.dot {
      position: absolute;
      left: 50%;
      bottom: 15px;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: snow;
}
@keyframes ani { to { transform: rotate(var(--deg)) translateY(-640px); }}
</style>

<div id="mydiv"></div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1614747" loop="loop" autoplay="autoplay"></audio>

<script>
Array.from({length: 400}).forEach( (item,key) => {
      let sp = document.createElement('span');
      let ww = Math.random() * 5 + 2;
      sp.className = 'dot';
      sp.style.cssText += `
                --deg: ${-50 + Math.random() * 100}deg;
                width: ${ww}px;
                height: ${ww}px;
                background: #2a373f${Math.random().toString(12).substr(-8)};
                animation: ani 10s ${Math.random() * key - 4}s infinite alternate var(--state);
      `;
      mydiv.appendChild(sp);
});
let mState = () => mydiv.style.setProperty('--state', aud.paused ? 'paused' : 'running');
aud.addEventListener('play', mState, false);
aud.addEventListener('pause', mState, false);
mydiv.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

红影 发表于 2023-4-15 11:40

把彩色喷泉做成同一色的也很美，而且在这个帖子里特别合适，让整个帖子带留点玄幻的意味呢{:4_199:}

红影 发表于 2023-4-15 11:42

文字也是带点点的，看着好像粒子是从文字里发出的，这构思真巧妙。
喜欢的音乐，这个制作太棒了{:4_187:}

红影 发表于 2023-4-15 11:43

这个效果我也跟着做了个，暂时不发，等下周送给队长做生日贺帖，怕下周没时间做，就先做了个留着{:4_173:}

熊二 发表于 2023-4-15 12:26

飘逸之感意蕴悠远，清新淡雅，却不失庄严。仿佛让人置身于空中，飘阿飘的感觉 {:5_106:}

清舟好制作，喜欢这样的画面，赞！

{:4_204:}{:4_199:}

樵歌 发表于 2023-4-15 14:45

俺立马轮回转世切，今生已无指望鸟{:4_189:}

绿叶清舟 发表于 2023-4-15 19:50

樵歌 发表于 2023-4-15 14:45
俺立马轮回转世切，今生已无指望鸟

转不出如来的手掌心{:4_189:}

绿叶清舟 发表于 2023-4-15 19:52

熊二 发表于 2023-4-15 12:26
飘逸之感意蕴悠远，清新淡雅，却不失庄严。仿佛让人置身于空中，飘阿飘的感觉

清舟好制作，喜 ...

飘到天上看星星{:4_189:}

绿叶清舟 发表于 2023-4-15 19:53

红影 发表于 2023-4-15 11:43
这个效果我也跟着做了个，暂时不发，等下周送给队长做生日贺帖，怕下周没时间做，就先做了个留着

这还有囤货的啊{:4_189:}

樵歌 发表于 2023-4-16 07:59

绿叶清舟 发表于 2023-4-15 19:50
转不出如来的手掌心

你和如来是一伙的{:4_189:}

红影 发表于 2023-4-16 10:52

绿叶清舟 发表于 2023-4-15 19:53
这还有囤货的啊

要不，不囤了，赶紧发出来算了。只是有点早啊，队长下周五才生日啊。{:4_173:}

绿叶清舟 发表于 2023-4-16 11:13

樵歌 发表于 2023-4-16 07:59
你和如来是一伙的

有这么厉害吗{:4_189:}

绿叶清舟 发表于 2023-4-16 11:13

红影 发表于 2023-4-16 10:52
要不，不囤了，赶紧发出来算了。只是有点早啊，队长下周五才生日啊。

也来催生一把啊{:4_189:}

红影 发表于 2023-4-16 14:42

绿叶清舟 发表于 2023-4-16 11:13
也来催生一把啊

要不你先催，我跟着催？{:4_189:}

樵歌 发表于 2023-4-16 16:27

绿叶清舟 发表于 2023-4-16 11:13
有这么厉害吗

我看有{:4_173:}

樵歌 发表于 2023-4-16 16:29

红影 发表于 2023-4-16 14:42
要不你先催，我跟着催？

师妹，我看先征询一下他本人的竟见，因为那病喜欢清静，，，，，，

红影 发表于 2023-4-16 21:41

樵歌 发表于 2023-4-16 16:29
师妹，我看先征询一下他本人的竟见，因为那病喜欢清静，，，，，，

我们表达自己的心意，不一定要他来收礼的啊，不过师兄的考虑更周全，这个也是要考虑的。那就晚点，我们悄悄热闹一下，表示一下我们的牵挂。

绿叶清舟 发表于 2023-4-20 19:21

红影 发表于 2023-4-16 14:42
要不你先催，我跟着催？

明天 催了{:4_189:}

红影 发表于 2023-4-20 21:21

绿叶清舟 发表于 2023-4-20 19:21
明天 催了

明天就正日子了，还催什么啊{:4_173:}

绿叶清舟 发表于 2023-4-20 21:23

红影 发表于 2023-4-20 21:21
明天就正日子了，还催什么啊

催早一小时也好啊{:4_189:}
页: [1] 2
查看完整版本: Longing For The Unknown