【云荷九周年庆典】奔赴秋天的美好
<style>#mydiv {margin: 0 0 0 calc(51% - 990px);
width: 1800px;
height: 900px;
top:130px;
background: url('http://www.yhyhlt.com/data/attachment/forum/202508/28/215933rattxpp0xtaefbtn.jpg') no-repeat center/cover;
box-shadow: 0 0 0px #333;
overflow: hidden;
position: relative;
--state: paused;
}
#vid {
position: absolute;
width: 80%;
height: 100%;
top:-80px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 2;
opacity: .26;
}
lz-3d {
position: absolute;
left: calc(50% - 5px);
top: calc(50% - 5px);
width: 10px;
height: 10px;
border-radius: 50%;
opacity: .26;
background: gray;
transform: perspective(200px) rotate(var(--deg)) translate3d(var(--xx), var(--yy), var(--zz));
animation: o2C var(--du) var(--delay) infinite linear var(--state);
}
@keyframes o2C {
to { transform: perspective(60px) rotate(0) translate3d(0,0,0); }
}</style><div id="mydiv"><video id="vid" src="https://img.tukuppt.com/video_show/7165162/00/17/65/5ecb8fa5f0765.mp4" autoplay="" loop="" muted=""></video></div><audio id="aud" src="https://music.163.com/song/media/outer/url?id=2077600052" autoplay="" loop=""></audio><script>let total = 80, ww = mydiv.offsetWidth, hh = mydiv.offsetHeight;
let script = document.createElement('script');
document.body.appendChild(script);
Array.from({length: total}).forEach( (item,key) => {
item = document.createElement('lz-3d');
item.style.cssText += `
mydiv.appendChild(item);
});
script.onload = () => {
HCPlayer({
papa: '#mydiv',
player_css: 'left: 10px; bottom: 10px;',
img: {
enter: '',/* 进入全屏按钮地址 */
quit: '',/* 退出全屏按钮地址 */
play: '',/* 播放按钮地址 */
pause: '',/* 暂停按钮地址 */
}
});
}</script> {:6_174:} 奔赴秋天的美好!很是精彩的主题音画! 丰厚浓郁的秋天色彩,画面视野开阔,意境唯美! 感谢雨声的支持!{:1_155:} 雨儿来了~~~~{:4_123:} 雨姐这图视野开阔,
辽阔的秋日原野上,
金黄草浪翻涌,
女孩身着素白长裙,
静立远眺,
与蓝天远山共绘诗意。 澄澈天空缀着星点,
雪山在远方沉默,
奔赴秋天的美好,
文字呼应着季节的浪漫邀约。 大地被染成暖黄,
树木杂着橙红,
时光在这幅画卷里,
沉淀出温暖与遐想。
效果美美哒!{:1_154:} 奔赴秋天的美好,喜欢这温柔的诗意
开阔的画面将天地间的秋景尽数呈现
页:
[1]
2