可爱老人网

 找回密码
 注册会员
搜索
查看: 1754|回复: 6

同步歌词(四)位移+倾角+Y轴旋转

[复制链接]
发表于 2021-9-18 17:17 | 显示全部楼层 |阅读模式
[i=s] 本帖最后由 海特行者 于 2022-10-14 14:10 编辑 [/i]

同步歌词 (四)位移+倾角+Y轴旋转

 

    代码:

<img src="https://z3.ax1x.com/2021/09/10/hvBxHI.md.jpg">
<style type="text/css">.歌词{
width: 870px;height: 30px;
MARGIN-TOP:-200px;MARGIN-LEFT:-150px;/*定位*/
transform-style:preserve-3d; /* 默认flat 2D */
animation:rotate 15s infinite linear; /*耗时 循环 缓动匀速 */
transform: translate(150px) rotateX(60deg);/*定位与倾角*/}
@keyframes rotate{
50%{transform:rotateY(0deg) ; }
100%{transform:rotateY(360deg) ;}}
</style>
<div class="歌词"><embed allownetworking="internal" allowscriptaccess="never" flashvars="mp3= http://music.163.com/song/media/outer/url?id=535646766.mp3&lrc=
[00:00.00]茹雪演唱:下辈子不一定遇见
[00:10.00]作词 : 乔泽涛
[00:17.00]作曲 : 张丰
[00:26.00]人的一生有多少个缘
[00:32.78]相遇以后又彼此擦肩
[00:38.66]总是有些画面
[00:41.90]让自己伤感
[00:44.56]可我还是坚定爱的信念
[00:50.54][02:24.30]人的一生有多少时间
[00:56.24][02:29.91]能与深爱的人相依相伴
[01:02.09][02:35.71]不想错过今生
[01:05.04][02:38.69]来世太遥远
[01:07.78][02:41.54]珍惜这段上天赐的情缘
[01:14.05][01:37.28][02:47.54][03:10.95][03:34.38][03:57.84]我们下辈子不一定遇见
[01:19.62][02:53.29][03:40.18]我不想今生留下遗憾
[01:25.49][02:59.12][03:46.01]我要的幸福其实很简单
[01:31.35][03:04.97][03:52.07]只要有你陪在我的身边
[01:43.05][03:16.75][04:03.48]磕磕绊绊也心甘情愿
[01:49.19][03:22.63][04:09.39]不要到白头只留空悲叹
[01:54.88][03:28.37][04:15.21][04:21.22]就让岁月见证爱的誓言
&gczt=华文细黑&gczh=38&gcys=00FF7F&gczzys=ff0000&gcljys=000000&gcljld=0.6&gcct=1" height="200" invokeurls="false" quality="high" src="http://dashan.link/zj/dqyhgczz.swf" type="application/x-shockwave-flash" width="870" wmode="transparent"></embed>

   代码解析:

   gczt......字体。

   gczh......字大小。

   gcys......字颜色。

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

   gcljys......字的发光色。

   gcljld......字的发光强度。

   gcct=1......笔划加粗。

 

评分

参与人数 2人气值 +6 收起 理由
真真 + 3 赞一个!
老梦缘 + 3 赞一个!

查看全部评分

发表于 2021-9-18 18:57 | 显示全部楼层
赞赏同步歌词
发表于 2021-9-18 20:34 | 显示全部楼层
谢谢老师精彩内容!问好!
发表于 2021-9-18 21:14 | 显示全部楼层
谢谢老师带来美好!
发表于 2021-9-19 06:19 | 显示全部楼层
谢谢老师辅导,早上好。
发表于 2021-9-19 07:00 | 显示全部楼层
欣赏海特行者老师同步歌词
发表于 2021-9-19 20:09 | 显示全部楼层
很简洁的位移+倾角+Y轴旋转代码,谢谢分享!
        
下一页 发布主题 快速回复

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

GMT+8, 2025-2-12 21:48

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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