【小雨音画】恭喜发财 祝大家新年快乐
<style>#papa { margin: 0 0 0 calc(50% - 881px);
width: 1600px; height: 900px;
background: url('http://www.bohann.net/data/attachment/forum/202402/06/143913cbxhbzrprsbpr3gz.jpg') no-repeat center/cover;
box-shadow: 3px 3px 20px #000; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#vid {
position: absolute;
width: 110%;
height: 120%;
top:-0px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 2;
opacity: .56;
}
</style>
<div id="papa"><video id="vid" src="https://img.tukuppt.com/video_show/15653652/01/67/72/63db21822b3d8.mp4" autoplay="" loop="" muted=""></video></div>
<audio id="aud" src="http://music.163.com/song/media/outer/url?id=29723046.mp3" autoplay="" loop=""></audio>
<script>
(function() {
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/circle_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
let geci = [
,
,
,
];
window.onload = () => {
HCPlayer({
papa: '#papa',
lrcAr: geci,
papa: '#papa',
lrcAr: geci,
lrc_css: `
top: 20px;
color: #fff;
--bg: linear-gradient(rgba(250,250,250,.25),rgba(220,20,60,65));
`,
player_css: `
bottom: 2%;
color: lightblue;
z-index: 100;
--track: darkgray;
--prog:black;
`,
fs_css: `bottom: 30px;left:10px; background: transparent;--color: white;`,
title: '刘德华-恭喜发财 ',
});
let mkClover = (ele,num) => {
let r = ele.offsetWidth / 2, pathAr = [];
for(let i = 0; i < 200; i ++) {
let angle = i * 2 * Math.PI / 200;
let x = r - r * Math.sin(num * angle) * Math.cos(angle);
let y = r - r * Math.sin(num * angle) * Math.sin(angle);
pathAr.push(x + 'px ' + y + 'px');
}
return 'polygon(' + pathAr.join(', ') + ')';
}
Array.from({length: 16}).forEach((item) => {
let ww = 50 + Math.floor(Math.random() * 50);
let ar = ;
item = document.createElement('span');
item.className = 'clover';
item.style.cssText += `
--deg: ${60 - Math.random() * 150}deg;
--delay: ${Math.random() * 20 - 20}s;
width: ${ww}px;
height: ${ww}px;
right: 200px;
`;
papa.appendChild(item);
item.style.clipPath = mkClover(item, ar);
});
};
})();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>
小雨的图图好美,FS点缀的巧妙,好有感觉,喜欢~~ 问好小雨,新年快乐~~{:S06:} 图图好美,欣赏并学习,祝新春快乐 过年啦路过 祝大家新年快乐恭喜发财 喜庆画面,漂亮,精彩。 小雨新年快乐!{:1_155:} 打开就是过年的气氛
恰逢大年初五
财神到福气到
祝我们龙年大吉 在这新的一年里
恭祝大家身体健康
万事如意 多多发财 绿蔷薇 发表于 2024-2-8 22:08
小雨的图图好美,FS点缀的巧妙,好有感觉,喜欢~~
问好薇薇,新年快乐~~~
页:
[1]
2