《朋友的酒》 - 九 龙
本帖最后由 亦是金 于 2023-10-24 23:42 编辑 <br /><br /><meta charset="UTF-8"><div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1969237">
<div style="width: 1200px;height: 700px;box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #99e5f5,0px 0px 5px 15px #045768;overflow:hidden;border-radius:1%;margin-top:100px;margin-LEFT: -310px;">
<style>
#papa {
margin: ; width: 1200px; height: 700px;top:-80px; LEFT: 0px;background: url('https://ysj147.s3-us-east-1.ossfiles.com/zzsc/gif/231024c.gif') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
</style>
<div style="position: relative; width: 500px; height: 50px; top:650px;LEFT: 1000px;z-index: 100; filter: drop-shadow(-1px 1px 1px #e8f552)drop-shadow(0px -1px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)">
<p><span style="color:#ff0000;"><span style="font-family:华文隶书;"><span style="font-size:24px;">亦是金在线音乐</span></span></span></p></div>
<style type="text/css">
@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }
body { overflow-x: hidden; }
#baiBox {
margin: auto;
width: 800px;
text-align: center;
font-family:微软简中圆;
font-size: 2.5rem;
font-weight: bold;
color: #f46ff6;
transform-origin: top;
animation: yao 1.0s linear infinite alternate;
}
@keyframes yao {
from{transform: perspective(800px) rotatex(30deg); }
to { transform: perspective(800px) rotatex(-30deg); }
}
.tit { position: relative;width: 300px;height: 30px;top: -10px;LEFT: -400px;z-index: 100;filter: drop-shadow(-1px 1px 1px #ffffff)drop-shadow(0px -1px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff) }
#tit:hover { color: green; }
/*标题位置 移动范围设置*/
</style>
<div id="hu" >
<div id="baiBox"
<div class="tit">
<span style="color:#fb52f9;"><span style="font-size:36px;">《朋友的酒》 </span>
<span style="color:#3d46f7;"><span style="font-size:26px;"> - - 九 龙</span></div>
</style>
<div id="papa">
<audio id="aud" src="https://ysj147.s3-us-east-1.ossfiles.com/shaobutin/CD1/0104.mp3" autoplay loop></audio>
</div>
<script>
(function() {
let loadJs = (url,callback) => {
let body = document.querySelector('body'), jsNode = document.createElement('script');
jsNode.charset = 'utf-8';
jsNode.setAttribute('src', url);
body.appendChild(jsNode);
jsNode.onload = () => callback();
};
let rippleJs = 'https://638183.freep.cn/638183/web/svg/ripple-min.js',
js1 = 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/js/svg_path_lrcysj.js',
js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.js';
let lrcAr = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
loadJs(rippleJs, () => rippleEffect(papa));
loadJs(js1, () => {
HCPlayer({
papa: '#papa',
lrcAr: lrcAr,
lrc_css: 'bottom: 20px; --bg: linear-gradient(rgba(255,140,240,.35),rgba(250,90,220,.7)); color: #eee;',
fs_css: 'transform: translate(0,-35px); background: transparent;',
player_css: 'width: 350px; height: 360px;top: 35%; left: 75%; ',
path: 'm230.83957,215.88147c-3.01593,-9.0167 -11.41743,-13.30406 -18.74183,-9.5471l-7.93476,4.06636l-13.8948,-45.03931c17.19796,-15.46983 23.26572,-44.33212 12.38684,-67.53687l-31.09276,-66.52028c-2.87231,-6.14373 -9.01187,-8.70731 -14.36155,-6.01113l-41.03814,20.95057l-41.03814,-20.95057c-5.34968,-2.74037 -11.48924,-0.1326 -14.36155,6.01113l-31.09276,66.52028c-10.84297,23.20475 -4.81112,52.06703 12.38684,67.49267l-13.8948,45.03931l-7.93476,-4.06636c-7.32439,-3.75696 -15.69,0.53039 -18.74183,9.5471c-0.61037,1.81218 0.07181,3.88956 1.54387,4.64095l58.272,29.79048c1.47206,0.75139 3.12364,-0.0884 3.734,-1.90058c3.01593,-9.0167 -0.43085,-19.35939 -7.75524,-23.11635l-7.93476,-4.06636l14.14613,-45.7907c1.57977,0.221 3.15954,0.57459 4.70341,0.57459c18.56231,0 35.68846,-14.63004 40.715,-37.70219l7.25258,-33.32644l7.25258,33.32644c5.02654,23.07215 22.15269,37.70219 40.715,37.70219c1.54387,0 3.12364,-0.3536 4.70341,-0.57459l14.11023,45.7907l-7.93476,4.06636c-7.32439,3.75696 -10.80707,14.09965 -7.75524,23.11635c0.61037,1.81218 2.29785,2.65197 3.734,1.90058l58.3079,-29.79048c1.43616,-0.75139 2.15423,-2.78457 1.54387,-4.59675z',
btn: {left: 34, top: 20},
track: {track: '#47cffc', prog: '#fe64e7'},
img: {play: 'https://pic.imgdb.cn/item/65212a5ac458853aef566925.png', pause: 'https://pic.imgdb.cn/item/65212a6bc458853aef566b8e.png'}
});
});
loadJs(js2, () => {
H5lz({
papa: '#papa',
total: 7,
size: {width: 77, height: 50},
shape: {background: 'url("https://www.huachaowang.com/static/image/smiley/hcbiaoqing2/114.gif") no-repeat center/cover', borderRadius: '0'},
ani: 'toBottom',
maxTime: 30,
offset: {x: -100, y: 0},
});
});
})();
</script>
</td></tr></table> 沙发坐上慢慢欣赏{:4_187:} 漂亮，酒杯路径，还有小酒杯飘下来{:4_189:} 哈哈，就是背景的烟花效果好像和酒杯不搭 亦是金真的厉害，已经几个路径效果出来了{:4_178:} 冬天的雨 发表于 2023-10-24 22:52
沙发坐上慢慢欣赏
问好冬雨！{:4_187:} 冬雨只有最高2级精华可以加，美女领导可以加3精华 冬天的雨 发表于 2023-10-24 22:54
漂亮，酒杯路径，还有小酒杯飘下来
谢谢欣赏点评！{:4_176:} 亦是金 发表于 2023-10-24 22:56
问好冬雨！
亦是金晚上好{:4_187:} 冬天的雨 发表于 2023-10-24 22:54
哈哈，就是背景的烟花效果好像和酒杯不搭
谢谢点评！我去删除烟花！{:4_176:} 亦是金 发表于 2023-10-24 22:56
谢谢欣赏点评！
不客气，向亦是金大咖学习{:4_187:} 这个漂亮，酒杯路径以及酒杯粒子那么相配，还有底图的动态酒杯。
这个帖子酒香四溢，进帖子就醉啊{:4_199:} 冬天的雨 发表于 2023-10-24 22:54
哈哈，就是背景的烟花效果好像和酒杯不搭
报告领导：帖子修改了，去掉烟花了！ 红影 发表于 2023-10-24 23:07
这个漂亮，酒杯路径以及酒杯粒子那么相配，还有底图的动态酒杯。
这个帖子酒香四溢，进帖子就醉啊{:4_199: ...
问好红影！谢谢夸奖！感觉比喝酒还醉人呢！真好！{:4_189:} 亦是金 发表于 2023-10-24 23:13
问好红影！谢谢夸奖！感觉比喝酒还醉人呢！真好！
是啊，有好帖欣赏，真的比喝酒还让人沉醉。这歌曲也好。听着歌，干杯{:4_191:} 醉美水芙蓉 发表于 2023-10-25 07:03
欣赏老师美贴！
问好水芙蓉！{:4_187:} 哇塞~~前辈的路径制作的真漂亮{:4_199:} 小酒杯和路径酒杯相辅相成，不错{:4_199:} 还配了这首歌曲{:4_208:}
页:
[1]
2