【聊代码】第一三五集 同步歌词（十二）单曲单行歌词逐字变色+cssX轴翻转|老小孩讲述

聊代码（第一三五集）同步歌词（十二）

单曲单行歌词逐字变色+cssX轴翻转

本集同步歌词，在唱歌词拉幕式逐字变色显现+cssX轴翻转。网址：http://img3.oldkids.cn/upload/260805000/u260804222/2015/11/25/blog_

20151125163040571605.swf 或 http://dashan.link/zj/dqyhgczz.swf 。

同步歌词代码：

＜style type="text/css"＞.背景图{

background-image:url(http://img2.oldkids.cn/upload/2021/03/20/blog_260810070_20210320115402915.jpg);

position: relative;top: -20px; left: 0px; width: 680px; height: 450px; }

.同步歌词 {position: relative;top: 330px; left: -100px;/* 歌词定位 */

animation: 翻 5s linear infinite ;/* 动画一周期耗时 匀速 循环播放 */

} @keyframes 翻 {

0%{transform:rotatex(0deg)}

50%{transform:rotatex(-70deg)scale(1.0)}

100%{transform:rotatex(0deg)}}

＜/style＞

＜div class="背景图"＞

＜div class="同步歌词"＞＜embed allownetworking="internal" allowscriptaccess="never" flashvars="mp3=http://music.163.com/song/media/outer/url?id=509728652.mp3&lrc=[00:00.30]《好 人 多》

[00:04.00]作词: 许冬子

[00:07.00]作曲: 徐代泉

[00:11.00]演唱: 斯 兰

[00:19.00]冰封大地时 太阳最暖和

[00:27.00]雪中送盆炭 化作一团火

[00:35.00]漫漫长夜里 彼此手牵手

[00:43.00]蓝蓝天空下 还是好人多

[00:52.00] ☆ ☆ ☆ ☆ ☆ ☆

[00:59.00]久旱逢甘霖 洒下爱的歌

[01:07.00]雨中送把伞 笑意满心窝

[01:15.00]一方困难时 八方汇真情

[01:23.00]看看这世界 还是好人多

[01:31.00][02:03.00]好人是岁月间 芬芳的记忆

[01:39.00][02:11.00]好人是菩提花 甜蜜的寄托

[01:47.00][02:19.00]好人是山水间永恒的新绿

[01:55.00][02:27.00]好人是星空下不老的传说

[02:37.00]☆ ☆ ☆ ☆ ☆ ☆

[02:51.00]好人多啊 好人多

[02:59.00]好人有你有他也有我

[03:07.00]好人多啊 好人多啊

[03:15.00][03:23.00]好人 是你是他也是我

[03:31.00]好人多

[03:45.00]欢迎欣赏

&mp3b=&mp3n=斯 兰 - 《好 人 多》&gczt=华文新魏&gczh=40&gcys=ffff00&gcys1=00ff00&gcct=1&gcydys=ff0000&s=1" height="100" invokeurls="false" src="//img3.oldkids.cn/upload/260805000/u260804222/2015/11/

25/blog_20151125163040571605.swf" type="application/x-shockwave-flash" width="870" wmode="transparent"＞＜/embed＞