小辣椒 发表于 2023-4-27 21:31

纯音欣赏---太湖春-古筝 祝黑黑五一节快乐!

<style>
#papa {
      margin: 150px 0 0 calc(50% - 730px);
      width: 1299px;
      height: 723px;
      background: url('https://xlaj.cn/assets/file/zp/20230427211709.gif') no-repeat center/cover;
      position: relative;
      box-shadow:4px 4px 5px #333;
      border-radius:8px;
}
</style>

<div id="papa">
<css-doodle id="mplayer">
      :doodle {
                @grid: 1x70 / 210px;
                position: absolute;
                left: 860px;
                top:100px;
                cursor: pointer;
                animation: rot 6s infinite linear var(--state);
      }
      @place-cell: center;
      @size: calc(100% - @calc(@index - 1) * 1%);
      background: hsla(
                calc(calc(100 - @index) * 2.55),
                calc(@index * 1%),
                65%,
                calc(@index / 100)
      );
      clip-path: @shape(
                fill-rule: evenodd;
                split: 200;
                scale: .45;
                x: cos(1t) + cos(π - 5t);
                y: sin(1t) + sin(π - 5t);
      );
      @keyframes rot { to { transform: rotate(360deg); } }
</css-doodle>
</div>
<audio id="aud" src="https://xlaj.cn/assets/file/zp/20230427211621.mp3" autoplay loop></audio>

<script>
(function() {
      let script = document.createElement('script');
      script.src = 'https://unpkg.com/css-doodle@0.34.8/css-doodle.min.js';
      document.head.appendChild(script);
      let mState = () => papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
      aud.addEventListener('play', mState, false);
      aud.addEventListener('pause', mState, false);
      mplayer.onclick = () => aud.paused ? aud.play() : aud.pause();
})();
</script>

小辣椒 发表于 2023-4-27 21:35

@马黑黑

回家迟了,用了一个纯音欣赏,我很喜欢的一首古筝曲。顺祝黑黑劳动节快乐!

这一年数你最辛苦,一年分享的教程小辣椒都没有看全的,你看看你有多辛苦,来吧~~狠狠的抱一个{:4_179:}

小辣椒 发表于 2023-4-27 21:36

套用一个   432赫兹 的效果,谢谢黑黑分享源码{:4_187:}

亦是金 发表于 2023-4-27 21:44

美!祝小辣椒五一节快乐!{:4_187:}祝黑黑老师收礼开心!{:4_191:}

辫子哥哥 发表于 2023-4-27 21:45

大家五一都快乐{:4_187:}

辫子哥哥 发表于 2023-4-27 21:46

黑总五一节特别快乐!@马黑黑

小辣椒 发表于 2023-4-27 21:47

亦是金 发表于 2023-4-27 21:44
美!祝小辣椒五一节快乐!祝黑黑老师收礼开心!

谢谢,一起5.1节快乐!

小辣椒 发表于 2023-4-27 21:48

辫子哥哥 发表于 2023-4-27 21:45
大家五一都快乐

辫子哥哥5.1 节快乐!

辫子哥哥 发表于 2023-4-27 22:08

小辣椒 发表于 2023-4-27 21:48
辫子哥哥5.1 节快乐!

早休息,回完就下

小辣椒 发表于 2023-4-27 22:09

辫子哥哥 发表于 2023-4-27 22:08
早休息,回完就下

今天回家迟了,所以上来也是迟

辫子哥哥 发表于 2023-4-27 22:10

小辣椒 发表于 2023-4-27 22:09
今天回家迟了,所以上来也是迟

我准备下的,明天上班的

小辣椒 发表于 2023-4-27 22:10

辫子哥哥 发表于 2023-4-27 22:10
我准备下的,明天上班的

晚安~

马黑黑 发表于 2023-4-27 22:23

辫子哥哥 发表于 2023-4-27 21:46
黑总五一节特别快乐!@马黑黑

五一我加班。谢谢祝俺五一加班快乐{:4_170:}

马黑黑 发表于 2023-4-27 22:24

帖子简洁而大气,用色朴素却尽显豪华,配上无与伦比的美妙的音乐,帖子总体效果美不胜收。小辣椒好厉害

小辣椒 发表于 2023-4-27 22:27

马黑黑 发表于 2023-4-27 22:23
五一我加班。谢谢祝俺五一加班快乐

辛苦的,我也是要加班{:4_203:}

小辣椒 发表于 2023-4-27 22:28

马黑黑 发表于 2023-4-27 22:24
帖子简洁而大气,用色朴素却尽显豪华,配上无与伦比的美妙的音乐,帖子总体效果美不胜收。小辣椒好厉害

谢谢黑黑夸奖,我喜欢简洁一点,但我又做不好图,就只能这样了

一斛珠 发表于 2023-4-27 22:32

真好听!

醉美水芙蓉 发表于 2023-4-27 22:33

马黑黑 发表于 2023-4-27 22:43

小辣椒 发表于 2023-4-27 22:28
谢谢黑黑夸奖,我喜欢简洁一点,但我又做不好图,就只能这样了

这图挺好

马黑黑 发表于 2023-4-27 22:43

小辣椒 发表于 2023-4-27 22:27
辛苦的,我也是要加班

{:4_190:}
页: [1] 2 3 4 5 6 7
查看完整版本: 纯音欣赏---太湖春-古筝 祝黑黑五一节快乐!