《你是沙漠我是鱼》老韩很哇塞
本帖最后由 亦是金 于 2025-12-28 09:46 编辑 <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://upfile.mp3.wf/view.php/432f9efcbb7b1eb2c44b24813f6daf3a.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.8rem;
font-weight: 400;
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: -300px;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:30px;">《你是沙漠我是鱼》 </span>
<span style="color:#3d46f7;"><span style="font-size:22px;"> - 老韩很哇塞</span></div>
</style>
<div id="papa">
<audio id="aud" src="https://s2.cldisk.com/sv-w8/audio/0e/8c/76/bc5689ff5969da398fa7d1b555dd139d/audio.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://638183.freep.cn/638183/web/api/svg_path_lrc.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(40deg, #fa4354, #fa4354, #7718f8, #18f5f8, #f5f818, #b75004); color: #eee;',
fs_css: 'transform: translate(0,-35px); background: transparent;',
player_css: 'width: 250px; height: 350px;top: 35%; left: 75%; ',
path: 'm96,3.59676c-41.378,0 -74.90323,35.53935 -74.90323,79.40323s33.52524,79.40323 74.90323,79.40323s74.90323,-35.53935 74.90323,-79.40323s-33.52524,-79.40323 -74.90323,-79.40323zm-47.5998,56.22261c2.0236,-5.63507 8.06418,-8.54865 13.56111,-7.01182l2.14441,0.60833l0.60406,-2.27324c1.51015,-5.79516 6.88626,-9.89339 12.53421,-8.93286c6.46342,1.08859 10.3898,7.74822 8.69844,14.24776l-5.85937,22.38018c-0.36243,1.44078 -1.78197,2.30526 -3.17131,1.92105l-21.20245,-5.82717c-6.16139,-1.72894 -9.63473,-8.64471 -7.30911,-15.11223zm47.5998,79.5313c-18.30297,0 -40.62292,-12.26268 -43.43179,-29.87226c-0.60406,-3.77806 2.77867,-6.88375 6.252,-5.73112c9.12128,3.10569 22.68239,4.86665 37.17979,4.86665s28.05851,-1.76096 37.17979,-4.86665c3.44313,-1.15263 6.82586,1.95306 6.252,5.73112c-2.80887,17.60959 -25.12883,29.87226 -43.43179,29.87226zm40.29069,-64.45109l-21.20245,5.82717c-1.35913,0.38421 -2.77867,-0.48026 -3.17131,-1.92105l-5.85937,-22.38018c-1.69136,-6.49954 2.23502,-13.15916 8.69844,-14.24776c5.61774,-0.96052 10.99386,3.13771 12.53421,8.93286l0.60406,2.27324l2.14441,-0.60833c5.49693,-1.50482 11.53751,1.37675 13.56111,7.01182c2.32562,6.49954 -1.14771,13.4153 -7.30911,15.11223z',
btn: {left: 33, top: 75},
track: {track: '#f4fd05', prog: '#fb0925'},
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: 45, height: 45},
shape: {background: 'url("https://www.emojiall.com/images/animations/joypixels/64px/smiling_face_with_heart_eyes.gif") no-repeat center/cover', borderRadius: '50'},
ani: 'toBottom',
maxTime: 30,
offset: {x: -150, y: 30},
});
});
})();
</script>
</td></tr></table> 早上好,欣赏老师精美的音画,画面漂亮、歌曲好听。{:4_187:} 梦江南 发表于 2025-12-20 08:04
早上好,欣赏老师精美的音画,画面漂亮、歌曲好听。
问好梦江南!谢谢欣赏!{:4_180:} 美女好养眼啊! 这样的进度条和粒子的做法,以及摇摆字,是很前面教的,我都快忘了,亦是金老师还用得这么好{:4_199:} 欣赏亦是金老师好帖{:4_199:} 问好亦是金,这个制作真是金!!笑脸的造型匠心独运,谁打开帖子首先都是高兴地笑,细节精致,太有创意了!!
欣赏佩服!祝冬安!{:4_204:}{:4_199:}{:4_178:}
梦油 发表于 2025-12-20 11:09
美女好养眼啊!
问好梦油!谢谢欣赏!{:4_180:} 红影 发表于 2025-12-20 11:38
这样的进度条和粒子的做法,以及摇摆字,是很前面教的,我都快忘了,亦是金老师还用得这么好
问好红影!{:4_187:}谢谢欣赏!你谦虚了,说的我脸红!{:4_197:} 红影 发表于 2025-12-20 11:38
欣赏亦是金老师好帖
谢谢夸奖!{:4_204:} 霜染枫丹 发表于 2025-12-20 14:41
问好亦是金,这个制作真是金!!笑脸的造型匠心独运,谁打开帖子首先都是高兴地笑,细节精致,太有创意了! ...
问好老师!谢谢欣赏夸奖点赞!{:4_180:} 亦是金 发表于 2025-12-20 15:44
问好梦油!谢谢欣赏!
亦是金朋友别客气。 梦油 发表于 2025-12-20 16:41
亦是金朋友别客气。
{:4_180:} 特效用得好! 歌声和曲调很有节奏感{:4_180:}
页:
[1]