同步歌词（九）上下左右变形移动的歌词

海特行者

[i=s] 本帖最后由 海特行者 于 2021-9-29 11:16 编辑 [/i]

同步歌词播放器 （九）上下左右变形移动的歌词

 

    同步歌词代码：

＜style type="text/css"＞.背景{
background-image:url(https://up.enterdesk.com/edpic/81/a5/d7/81a5d7f8aa6bdc3fce0f30ef39daa352.jpg);
position: relative;top: 10px; left: 0px;
width: 700px;height: 550px;
}
.移 {
display: block;
margin: 0px 60px;
position: relative;
animation: spin 10s linear infinite;
animation-delay: 3.5s;/*延迟时间*/
animation-iteration-count:infinite ;/*循环次数*/
animation-duration: 20s;/*歌词一个周期的持续时间*/
}
@keyframes spin {
0% { transform: translate(-40%,-90%)scale(0.3)}
25% { transform: translate(-30%,-70%)scale(1.0)rotateX(60deg)rotateY(0deg);}
50% { transform: translate(-50%,-100%)scale(1.0)rotateX(0deg)rotateY(60deg);}
75% { transform: translate(-40%,-70%)scale(1.0)rotateX(60deg)rotateY(0deg);}
100% { transform: translate(-30%,-100%)scale(0.5)rotateX(0deg)rotateY(0deg);}
}
＜/style＞
＜p class="背景"＞
＜div class="移"＞
＜div style="margin-top:-150px; margin-left:35px;"＞
＜embed allownetworking="internal" allowscriptaccess="never" flashvars="mp3=http://url.amp3a.com/kuwo.php//188722723.mp3&lrc=
[00:00.20]谁能陪我到最后 (DJ)
[00:02.80]作词：刘习军、三力
[00:09.00]作曲：刘习军、三力
[00:13.36]演唱：雨中百合
[00:29.09]不知不觉又是几个年头
[00:38.10]风里来雨里去却空空两手
[00:45.54]人前装欢笑人后在泪流
[00:52.81]酸甜苦辣涌上我的胸口
[01:00.08]谁知道余生还剩多少春秋
[01:07.35]忙忙碌碌如逆水行舟
[01:14.75]上为了父母下为儿女
[01:21.88]累弯了腰身累白了头
[01:29.21]辛苦一辈子来去不自由
[01:36.48]太多的辛酸太多的委屈
[01:43.84]夜深人静时能向谁倾诉
[01:50.95]没有人问我累了没有
[01:58.31]人这一辈子拼命在奋斗
[02:05.59]再苦再累也不敢停留
[02:12.94]多少个黑夜多少思乡愁
[02:20.14]问天问地谁能陪我到最后
[02:56.41]谁知道余生还剩多少春秋
[03:03.69]忙忙碌碌如逆水行舟
[03:10.97]上为了父母下为儿女
[03:18.24]累弯了腰身累白了头
[03:25.59]辛苦一辈子来去不自由
[03:32.87]太多的辛酸太多的委屈
[03:40.08]夜深人静时能向谁倾诉
[03:47.36]没有人问我累了没有
[03:54.70]人这一辈子拼命在奋斗
[04:01.98]再苦再累也不敢停留
[04:09.17]多少个黑夜多少思乡愁
[04:16.36]问天问地谁能陪我到最后
[04:22.58]谢谢欣赏！
&mp3b=&mp3n=&&gczt=宋体&gczh=45&gcys=ff0000&gczzys=00ff00&gcljys=0000ff&gcljld=0.5" height="300" invokeurls="false" quality="high" src="http://dashan.link/zj/dqyhgczz.swf" style="height: 300px; width: 960px;filter:drop-shadow(#000000 0.5px 0 0)drop-shadow(#000000 0 0.5px 0)drop-shadow(#000000 -0.5px 0 0) drop-shadow(#000000 0 -0.5px 0);opacity:1.00;" type="application/x-shockwave-flash" width="960" wmode="transparent"＞ ＜/embed＞＜/div＞

    代码解析：

    gczt gczh gcys......字体 /字号/字色。

    gczzys......在唱歌词颜色。

    gcljys......发光色。

    gcljld=0.5......发光强度。

    绿色代码......歌词文字的阴影和不透明度。

 

 

林林五

欣赏精彩音画！早上好！

沪上人

欣赏！学习分享！

真真

学习欣赏，谢谢老师！

廖若晨星

欣赏海特行者老师: 同步歌词（九）上下左右变形移动的歌词

海特行者

廖若晨星 发表于 2021-10-4 08:43
欣赏海特行者老师: 同步歌词（九）上下左右变形移动的歌词

廖若晨星老师好！欢迎您。

海特行者

真真 发表于 2021-10-3 16:49
学习欣赏，谢谢老师！

真真老师好！欢迎您。

海特行者

沪上人 发表于 2021-9-25 16:55
欣赏！学习分享！

沪上人老师好！欢迎您。

海特行者

林林五 发表于 2021-9-25 04:37
欣赏精彩音画！早上好！

林林五老师好！欢迎您。