梨花飞情人泪 送给情人 贺生辰
<style>
#papa {
margin: 120px 0 0 calc(50% - 725px);
width: 1280px;
height: 720px;
box-shadow: 4px 8px 28px gray;
background: url('https://pic.imgdb.cn/item/6596b92b871b83018a35b459.jpg') no-repeat center/cover;
overflow: hidden;
z-index: 1;
position: relative;
--state: paused;
}
#player {
position: absolute;
left: 885px;
top: 185px;
width: 80px;
height: 80px;
cursor: pointer;
animation: rotating 6s infinite alternate linear var(--state);
}
li-zi {
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
background: navy;
opacity: .75;
animation: moving var(--duration) var(--delay) linear infinite alternate var(--state);
}
#vid {
position: absolute;
top: -60px;
width: 1280px;
height: 780px;
mix-blend-mode: screen;
object-fit: cover;
pointer-events: none;
filter: opacity(.38);
}
@keyframes moving {
from { transform: translate(var(--x0),var(--y0)); }
to { transform: translate(var(--x1),var(--y1)); }
}
@keyframes rotating { to { transform: rotate(360deg); } }
</style>
<div id="papa">
<video id="vid" src="https://img.tukuppt.com/video_show/2418175/01/24/86/6239ecb67b0fe.mp4" autoplay loop muted></video>
<audio id="aud" src="https://i.mp3.wf/view.php/d556d2fa2c946d1c898545578367e116.mp3" autoplay loop></audio>
<div id="player"></div>
</div>
<script>
(function() {
let r = player.offsetWidth / 2 - 8, total = 120;
Array.from({length: total}).forEach((item,key) => {
let rad0 = (Math.PI / 180) * 360 / total * key,
rad1 = (Math.PI / 180) * (180 + (360 / total * key));
item = document.createElement('li-zi');
item.style.cssText += `
--x0: ${r + r * Math.cos(rad0)}px;
--y0: ${r + r * Math.sin(rad0)}px;
--x1: ${r + r * Math.cos(rad1)}px;
--y1: ${r + r * Math.sin(rad1)}px;
--duration: ${2 + Math.random() * 3}s;
--delay: -${Math.random() * 5}s;
background: #${Math.random().toString(16).substr(-6)};
`;
player.appendChild(item);
});
let mState = () => {
aud.paused ?
(papa.style.setProperty('--state','paused'), vid.pause()) :
(papa.style.setProperty('--state','running'), vid.play());
};
aud.addEventListener('playing', mState, false);
aud.addEventListener('pause', mState, false);
player.onclick = () => aud.paused ? aud.play() : aud.pause();
})();
</script> 最美的歌送给情人贺生辰{:4_170:} 我以为我会红影正日子最早一个送帖，结果看见前面一大堆人排队送{:4_172:} 吃宵夜回来，今天喝多了{:4_176:}{:4_191:} 好在明天休息，现在迷迷糊糊了 说一声红影生日快乐，美丽如花 呀，还是辫子哥哥自己的翻唱呢，这礼物太喜欢了。谢谢辫子哥哥{:4_199:} 哈，咋成情人了。这样乱叫，不怕你的红颜们罚跪呀{:4_170:} 应该是喝多了的锅吧，酒醒后赶快去改标题啊。也许还来得及补救{:4_173:} 小辫子虽然喝得二麻二麻的，但还迷迷糊糊中记得恰点儿送祝福，说明根本没喝多{:4_170:} 哈哈，借着酒劲儿把平时想说的话终于说出来了，小辫子狡猾狡猾的{:4_186:} ⛷️
这梨花的花蕊中还有粒子缠绕呢，这个制作太美了。再谢辫子哥哥{:4_199:} 很荣幸能和辫子朋友朋友共祝红影生日快乐！ 翻唱很好听，气息稳定，感情投入。给辫子哥哥点赞{:4_199:} 没有我唱的好听，重新唱过{:4_170:} 欣赏美帖，和辫子哥哥共祝红影生日快乐！{:4_187:} https://www.huachaowang.com/forum.php?mod=attachment&aid=NDUxMjh8Zjc1ZTI0OTl8MTcwNDU5NjEzN3w3NjU2fDczNDQz&noupdate=yes 唱的真棒！赞{:4_179:}和辫子哥哥一起祝福红影，生日欢乐，健康平安，幸福美满！
{:5_166:}{:4_204:}{:4_176:}{:4_199:}