纯音欣赏---太湖春-古筝 祝黑黑五一节快乐！
<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> @马黑黑
回家迟了，用了一个纯音欣赏，我很喜欢的一首古筝曲。顺祝黑黑劳动节快乐！
这一年数你最辛苦，一年分享的教程小辣椒都没有看全的，你看看你有多辛苦，来吧~~狠狠的抱一个{:4_179:} 套用一个 432赫兹 的效果，谢谢黑黑分享源码{:4_187:} 美！祝小辣椒五一节快乐！{:4_187:}祝黑黑老师收礼开心!{:4_191:} 大家五一都快乐{:4_187:} 黑总五一节特别快乐！@马黑黑 亦是金 发表于 2023-4-27 21:44
美！祝小辣椒五一节快乐！祝黑黑老师收礼开心!
谢谢，一起5.1节快乐！ 辫子哥哥 发表于 2023-4-27 21:45
大家五一都快乐
辫子哥哥5.1 节快乐！ 小辣椒 发表于 2023-4-27 21:48
辫子哥哥5.1 节快乐！
早休息，回完就下 辫子哥哥 发表于 2023-4-27 22:08
早休息，回完就下
今天回家迟了，所以上来也是迟 小辣椒 发表于 2023-4-27 22:09
今天回家迟了，所以上来也是迟
我准备下的，明天上班的 辫子哥哥 发表于 2023-4-27 22:10
我准备下的，明天上班的
晚安~ 辫子哥哥 发表于 2023-4-27 21:46
黑总五一节特别快乐！@马黑黑
五一我加班。谢谢祝俺五一加班快乐{:4_170:} 帖子简洁而大气，用色朴素却尽显豪华，配上无与伦比的美妙的音乐，帖子总体效果美不胜收。小辣椒好厉害 马黑黑 发表于 2023-4-27 22:23
五一我加班。谢谢祝俺五一加班快乐
辛苦的，我也是要加班{:4_203:} 马黑黑 发表于 2023-4-27 22:24
帖子简洁而大气，用色朴素却尽显豪华，配上无与伦比的美妙的音乐，帖子总体效果美不胜收。小辣椒好厉害
谢谢黑黑夸奖，我喜欢简洁一点，但我又做不好图，就只能这样了 真好听！ 小辣椒 发表于 2023-4-27 22:28
谢谢黑黑夸奖，我喜欢简洁一点，但我又做不好图，就只能这样了
这图挺好 小辣椒 发表于 2023-4-27 22:27
辛苦的，我也是要加班
{:4_190:}