祝东篱闲人、馨雨萦儿生日快乐（1.28）
<style>
#papa { margin: 120px 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: gray url('https://pic.imgdb.cn/item/63cfb81f588a5d166c7102ff.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; display: grid; place-items: center; z-index: 1; }
#papa::after { content: ''; position: absolute; width: 100%; height: 100%; opacity: .45; background: url('https://pic.imgdb.cn/item/63942cb2b1fccdcd36654265.gif');}
#dangao { position: absolute; left: 430px; top: 48%; width: 230px; height: 230px; opacity: 0.65; }
#pic { position: absolute; left: 300px; top: 100px; width: 520px; height: 200px; mix-blend-mode: screen; -webkit-mask-image:radial-gradient(black 35%, transparent 70%); opacity: 1;}
</style>
<div id="papa">
<img id="dangao" src="https://pic.imgdb.cn/item/63cfb861588a5d166c7178a9.gif" alt="" />
<img id="pic" src="https://pic.imgdb.cn/item/63cfb8e4588a5d166c7254da.gif" alt="" />
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=497918887.mp3" autoplay loop></audio>
<script>
(function() {
(function(mkPlayer) {let defaults = {lrcAr: [],player_css: '',ypData: new Array(500).fill(0).map((v,k) => Math.floor(Math.random() * 200) + 10),playerCode: `<style>#mplayer {--ww: 300px;--hh: 140px;--pinpu: linear-gradient(to top,darkgreen,snow);position: absolute;bottom: 0px;right:250px; width: var(--ww);height: var(--hh);display: flex;justify-content: center;align-items: center center;cursor: pointer; z-index: 10; }.mLine {position: relative;margin: 0 1px 0 0;width: 2px;height: 8px;background: var(--pinpu);transition: .35s;opacity: .95;}#lrc {--motion: cover2;--tt: 2s;--state: paused;--bg: linear-gradient(180deg, hsla(330, 100%, 85%, .45), hsla(0, 100%, 56%, .75));position: absolute;top: 20px;font: bold 2.4em sans-serif;color: hsl(0, 10%, 95%);white-space: pre;-webkit-background-clip: text;filter: drop-shadow(1px 1px 2px hsla(0, 0%, 0%, .95));} #lrc::before {position: absolute;content: attr(data-lrc);width: 20%;height: 100%;color: transparent;overflow: hidden;white-space: pre;background: var(--bg);filter: inherit;-webkit-background-clip: text;animation: var(--motion) var(--tt) linear forwards;animation-play-state: var(--state);}@keyframes cover1 { from { width: 0; } to { width: 100%; } }@keyframes cover2 { from { width: 0; } to { width: 100%; } }</style><div id="mplayer"></div><div id="lrc" data-lrc="HCPlayer">HCPlayer</div>`,};let playCode = (user_config) => {let data = Object.assign({}, defaults, user_config);papa.innerHTML += data.playerCode;mplayer.style.cssText += data.player_css;mplayer.onclick = () => aud.paused ? aud.play() : aud.pause();aud.loop = false;let total = Math.ceil(mplayer.offsetWidth / 3), ppnum = 0;let mKey = 0, mFlag = true;for(j=0; j<total; j++) {let el = document.createElement('span');el.className = 'mLine';mplayer.appendChild(el);}let lines = document.querySelectorAll('.mLine');let max = Math.max.apply(null,data.ypData);let divide = max/mplayer.offsetHeight, coe = 20/total/2, plus;let update = () => lines.forEach((item,key) => {plus = (key < total/2 ? key : total - key) * coe * 10;item.style.setProperty('height', Math.random() * (data.ypData - 30) / divide + plus + 'px');});aud.addEventListener('pause', () => mState());aud.addEventListener('play', () => mState());aud.addEventListener('ended', () => { mKey = 0; aud.play(); });aud.addEventListener('timeupdate', () => {ppnum ++;if(ppnum >= data.ypData.length) ppnum = 0;update();for (j = 0; j < data.lrcAr.length; j++) {if (aud.currentTime >= data.lrcAr) {cKey = j;if (mKey === j) showLrc(data.lrcAr);else continue;}}});let mState = () => aud.paused ? lrc.style.setProperty('--state','paused') : lrc.style.setProperty('--state','running');let showLrc = (time) => {let name = mFlag ? 'cover1' : 'cover2';lrc.innerHTML = data.lrcAr;lrc.dataset.lrc = data.lrcAr.replace(/<br>/, '\n');lrc.style.setProperty('--motion', name);lrc.style.setProperty('--tt', time + 's');lrc.style.setProperty('--state', 'running');mKey += 1;mFlag = !mFlag;};};mkPlayer.HCPlayer = playCode;})(this);
let lrcAr = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
ypData = ;
HCPlayer({
lrcAr: lrcAr,
ypData: ypData,
player_css: '--ww: 46%; --pinpu: linear-gradient(to top,Maroon,red,Orchid,red,Maroon); place-items: center center;',
});
})();
</script> 东篱大哥的生日是1月28号，萦儿上次收到生日祝福时说还查20天，算下来也是28号左右。既然你的生日这么接近，就一起祝福了吧。祝@东篱闲人@馨雨萦儿生日快乐{:4_187:} 把所有最美好的祝福送给你们，愿天天快乐，每天都过得精彩{:4_187:} 套用了黑黑的代码，谢谢黑黑{:4_187:} 生日好 醉美水芙蓉 发表于 2023-1-24 22:27
祝东篱老师和美女生日快乐！
懒了一下，就一起祝福了{:4_173:} 马黑黑 发表于 2023-1-24 22:29
生日好
跟黑黑一起祝福{:4_187:} 红影 发表于 2023-1-24 22:30
跟黑黑一起祝福
{:4_190:} 都生日快乐吧{:5_166:} 祝福两位朋友生日快乐，初四快乐，新年快乐。 祝东篱朋友生日快乐、健康长寿！
祝馨雨萦儿生日快乐，青春永驻！ 马黑黑 发表于 2023-1-24 22:36
这两位还在过年呢，都没来收礼{:4_173:} 驻在平安夜前夕 发表于 2023-1-25 01:09
都生日快乐吧
东篱的生日是论坛登记过的，萦儿的生日是猜的{:4_173:} 庶民来了 发表于 2023-1-25 07:07
祝福两位朋友生日快乐，初四快乐，新年快乐。
跟庶民一起祝福{:4_187:} 梦油 发表于 2023-1-25 09:25
祝东篱朋友生日快乐、健康长寿！
祝馨雨萦儿生日快乐，青春永驻！
这个祝福真好，跟梦油一起祝福{:4_204:} 红影 发表于 2023-1-25 21:01
东篱的生日是论坛登记过的，萦儿的生日是猜的
一咕噜都庆吧{:5_106:} 红影 发表于 2023-1-25 21:00
这两位还在过年呢，都没来收礼
过年快乐，乐不思礼 驻在平安夜前夕 发表于 2023-1-25 21:02
一咕噜都庆吧
对呀，一起祝福了，省力{:4_173:} 马黑黑 发表于 2023-1-25 21:15
过年快乐，乐不思礼
今年过年早，要是2月份过年，这个礼物就不是过年中了{:4_173:}