《微 山 湖》- 选自：《民歌疯潮 民歌的士高》
本帖最后由 亦是金 于 2025-3-18 00:23 编辑 <br /><br /><div class="t_fsz"><table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1973151">
<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: auto; width: 1200px; height: 700px;top: -80px;left: 0px; background: url('https://z4a.net/images/2023/10/17/157ysj6f3.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; }
#sky { position: absolute; width: 1200px; height: 650px; top: -300; left: -120; }
#plane {position: absolute;left: 20.0%;top: 57.5%;width: 45px;height: 90px;}
</style>
<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: 30px;LEFT: -250px;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 style="position: relative; width: 500px; height: 50px; top:630px;LEFT: 1030px;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>
<div id="papa">
<div id="sky"></div>
<img id="plane" src="http://www.bohann.net/static/image/smiley/erhua/065.gif" alt="" />
<audio id="aud" src="https://cccimg.com/view.php/cd4072fa70769ae82774a1186224954a.mp3" autoplay loop></audio>
</div>
<script>
(function() {
let lrcAr = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
let js1 = 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/js/svg_path_lrc_z_ysj4.js',
js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.js';
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();
};
loadJs(js1, () => {
HCPlayer({
papa: '#papa',
lrcAr: lrcAr,
lrc_css: 'top: 60px; --bg: linear-gradient(rgba(255,221, 0,60%),rgba(255,0,217,40%)); color: snow;left: 80px;',
fs_css: 'bottom: 85%; left: 90%; transform: translate(0,-35px); background: transparent; --color: rgba(63,168,211,.95);',
player_css: 'width: 195px; height: 250px; top: 50%; left: 15%; background: url("https://ysj147.s3-us-east-1.ossfiles.com/zzsc/png/23101503g.png") no-repeat center/cover;',
path: 'm34.12251,82.38381l39.54038,-38.36881l55.91924,0l39.54038,38.36881l0,54.26237l-39.54038,38.36881l-55.91924,0l-39.54038,-38.36881l0,-54.26237z',
btn: {left: 44, top: 210},
track: {track: '#faa336', prog: '#fb2b70'},
img: {play: 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/png/play.png', pause: 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/png/pause.png'}
});
});
loadJs(js2, () => {
H5lz({
papa: '#sky',
total: 7,
size: {width: 15, height: 40},
shape: {background: 'url("https://ysj147.s3-us-east-1.ossfiles.com/zzsc/png/5488.png") no-repeat center/cover', borderRadius: '0'},
ani: 'toBottom',
maxTime: 20,
offset: {x: 0, y: 0},
});
});
})();
</script></td></tr></table> 这个多边形路径也很漂亮，窗框里还有个跳舞的小动图呢。歌曲也好听{:4_187:} 美丽的游动天鹅，飘飞的玫瑰花，亦是金老师的帖子真漂亮{:4_199:}
又是一个新路径呢，很赞。只是原本的路径和边框太接近了，都看不出了呢{:4_173:} 红影 发表于 2023-10-17 22:30
这个多边形路径也很漂亮，窗框里还有个跳舞的小动图呢。歌曲也好听
问好红影！{:4_187:} 红影 发表于 2023-10-17 22:30
这个多边形路径也很漂亮，窗框里还有个跳舞的小动图呢。歌曲也好听
谢谢欣赏点评！{:4_187:} 红影 发表于 2023-10-17 22:33
美丽的游动天鹅，飘飞的玫瑰花，亦是金老师的帖子真漂亮
又是一个新路径呢，很赞。只是原本的路 ...
祝欣赏愉快！{:4_187:} 欣赏！{:4_187:} 焱鑫磊 发表于 2023-10-17 23:25
欣赏！
问好！谢谢欣赏！{:4_187:} 亦是金 发表于 2023-10-17 22:52
问好红影！
问好亦是金老师，再赏好帖{:4_187:} 亦是金 发表于 2023-10-17 22:52
谢谢欣赏点评！
不客气啊，亦是金老师一直在尝试各种路径，很赞的{:4_187:} 亦是金 发表于 2023-10-17 22:53
祝欣赏愉快！
也祝您愉快{:4_204:} 红影 发表于 2023-10-18 11:41
问好亦是金老师，再赏好帖
问好！{:4_187:} 红影 发表于 2023-10-18 11:42
不客气啊，亦是金老师一直在尝试各种路径，很赞的
瞎琢磨，试试不同的路径！{:5_111:} 红影 发表于 2023-10-18 11:42
也祝您愉快
谢谢欣赏点评！{:4_187:} 这个设计，没得说，一个字，妙！
好久不听童丽的歌，真不错 亦是金 发表于 2023-10-18 17:27
问好！
没事来听听歌感觉真好{:4_187:} 亦是金 发表于 2023-10-18 17:29
瞎琢磨，试试不同的路径！
被你找了那么多路径，很让人有开拓思维的感觉{:4_173:} 亦是金 发表于 2023-10-18 17:30
谢谢欣赏点评！
不客气啊，问好亦是金老师{:4_187:} 马黑黑 发表于 2023-10-18 19:33
这个设计，没得说，一个字，妙！
好久不听童丽的歌，真不错
问好老师！谢谢欣赏点评！{:4_176:} 红影 发表于 2023-10-18 20:34
被你找了那么多路径，很让人有开拓思维的感觉
我是先做一个框架，套一个路径！{:5_111:}
页:
[1]
2