可爱老人网

 找回密码
 注册会员
搜索
查看: 2166|回复: 11

同步歌词(九)上下左右变形移动的歌词

[复制链接]
发表于 2021-9-24 22:30 | 显示全部楼层 |阅读模式
[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......发光强度。

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

 

 

评分

参与人数 1人气值 +3 收起 理由
真真 + 3 赞一个!

查看全部评分

发表于 2021-9-25 04:37 | 显示全部楼层
欣赏精彩音画!早上好!
发表于 2021-9-25 16:55 | 显示全部楼层
欣赏!学习分享!
发表于 2021-10-3 16:49 | 显示全部楼层
学习欣赏,谢谢老师!
发表于 2021-10-4 08:43 | 显示全部楼层
欣赏海特行者老师: 同步歌词(九)上下左右变形移动的歌词
 楼主| 发表于 2021-10-4 11:52 | 显示全部楼层
廖若晨星 发表于 2021-10-4 08:43
欣赏海特行者老师: 同步歌词(九)上下左右变形移动的歌词

廖若晨星老师好!欢迎您。
 楼主| 发表于 2021-10-4 11:52 | 显示全部楼层
真真 发表于 2021-10-3 16:49
学习欣赏,谢谢老师!

真真老师好!欢迎您。

点评

谢谢老师带来美好!  发表于 2021-10-4 13:31
 楼主| 发表于 2021-10-4 11:53 | 显示全部楼层
沪上人 发表于 2021-9-25 16:55
欣赏!学习分享!

沪上人老师好!欢迎您。
 楼主| 发表于 2021-10-4 11:53 | 显示全部楼层
林林五 发表于 2021-9-25 04:37
欣赏精彩音画!早上好!

林林五老师好!欢迎您。

点评

谢谢  发表于 2021-10-4 14:44
头像被屏蔽
发表于 2021-10-7 12:17 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
        
下一页 发布主题 快速回复

手机版|公众号|小黑屋|可爱老人网

GMT+8, 2024-11-24 01:49

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表