梦江南 发表于 2025-2-2 15:56

南无本师释迦牟尼佛 (学习黑黑老师的谷林清风代码)


<style>
#mydiv {
      margin: 0 0 0 calc(50% - 593px);
      position: relative;
      display: grid;
      place-items: center;
      width: 1024px;
      height: 678px;
      background: url('https://pic1.imgdb.cn/item/679f1dded0e0a243d4f98c30.jpg') no-repeat center/cover;
      box-shadow: 3px 3px 12px #000;
      z-index: 1;border-radius:32px;
}
#myplayer {
      position: absolute;
      width: 500px;
      height: 500px;
      border-radius: 50%;
      cursor: pointer;
      object-fit: cover;
      -webkit-mask: url('https://638183.freep.cn/638183/web/svg/6star.svg') repeat 50% 50%;
      -webkit-mask-size: 1% 1%;
      animation: masksize 20s infinite alternate var(--state);
}
@keyframes masksize {
      to { -webkit-mask-size: 160% 160%; }
}
</style>

<div id="mydiv">
      <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2036019644" autoplay loop></audio>
      <img id="myplayer" alt="" title="播放/暂停" src="https://pic1.imgdb.cn/item/679eef88d0e0a243d4f98740.png" />
</div>

<script>
var mState = () => mydiv.style.setProperty('--state', aud.paused ? 'paused' : 'running');
aud.addEventListener('pause', mState);
aud.addEventListener('playing',mState);
myplayer.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

红影 发表于 2025-2-2 18:34

南摩阿弥陀佛{:5_161:}

红影 发表于 2025-2-2 18:35

黑黑的好代码,被江南翻出来了,更感觉奇妙。
今天初五,愿大家都得到菩萨的保佑{:5_161:}

红影 发表于 2025-2-2 18:35

欣赏江南好帖{:4_199:}

樵歌 发表于 2025-2-2 19:21

南摩阿弥陀佛{:5_161:}

樵歌 发表于 2025-2-2 19:23

菩萨宝相庄严

小辣椒 发表于 2025-2-2 21:40

阿姨这个做的漂亮,背景出来是不是观世音菩萨

小辣椒 发表于 2025-2-2 21:42

感谢阿姨精彩的分享,初五继续拜年!

庶民 发表于 2025-2-3 07:17

祝福。

梦江南 发表于 2025-2-3 08:35

红影 发表于 2025-2-2 18:34
南摩阿弥陀佛

问好影子,新年快乐,六六大顺,立春安康!{:4_187:}

梦江南 发表于 2025-2-3 08:43

红影 发表于 2025-2-2 18:35
黑黑的好代码,被江南翻出来了,更感觉奇妙。
今天初五,愿大家都得到菩萨的保佑

黑黑老师的过去代码都是学习的好机会。
愿大家得到菩萨的保佑,健康平安!{:4_204:}

梦江南 发表于 2025-2-3 08:44

红影 发表于 2025-2-2 18:35
欣赏江南好帖

立春安康!谢谢影子!{:4_187:}

梦江南 发表于 2025-2-3 08:45

樵歌 发表于 2025-2-2 19:21
南摩阿弥陀佛

谢谢樵歌,新年快乐!{:4_187:}

梦江南 发表于 2025-2-3 08:47

樵歌 发表于 2025-2-2 19:23
菩萨宝相庄严

是的,南无阿弥陀佛!{:5_161:}

梦江南 发表于 2025-2-3 09:17

小辣椒 发表于 2025-2-2 21:40
阿姨这个做的漂亮,背景出来是不是观世音菩萨

问好小l辣椒,背景出来的是释迦牟尼佛,不是观世音菩萨。
祝您的新年快乐,立春安康!{:5_150:}

梦江南 发表于 2025-2-3 09:22

小辣椒 发表于 2025-2-2 21:42
感谢阿姨精彩的分享,初五继续拜年!

谢谢,祝您初六六六大顺,立春安康!{:5_151:}

红影 发表于 2025-2-3 09:48

梦江南 发表于 2025-2-3 08:35
问好影子,新年快乐,六六大顺,立春安康!

谢谢江南,我们一起快乐{:4_187:}

红影 发表于 2025-2-3 09:49

梦江南 发表于 2025-2-3 08:43
黑黑老师的过去代码都是学习的好机会。
愿大家得到菩萨的保佑,健康平安!

谢谢江南的美好祝福{:4_187:}

红影 发表于 2025-2-3 09:50

梦江南 发表于 2025-2-3 08:44
立春安康!谢谢影子!

今天初六加立春,一个很美好的日子呢{:4_187:}

梦江南 发表于 2025-2-4 08:52

红影 发表于 2025-2-3 09:48
谢谢江南,我们一起快乐

难得今年与影子一起过年玩,度过开心快乐的一个春节。{:4_187:}
页: [1] 2 3
查看完整版本: 南无本师释迦牟尼佛 (学习黑黑老师的谷林清风代码)