注册时间2014-1-31
在线时间 小时
- 最后登录
- 1970-1-1
|
本帖最后由 潇湘翁 于 2024-3-1 19:13 编辑
.lrcShow{
font:bold 3.0em 楷体;color:white; /* 歌词字体、大小、背景颜色 */
position:absolute;bottom:0px;left:20%; /* 歌词的位置 */
width:80%;height:1.5em;filter:drop-shadow(1px 1px 1px white);letter-spacing:2px;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;cursor:pointer;
}
.lrcShow::before{ /* 歌词动态前景色等，不熟悉就不要改动 */
position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color:darkred;color:darkred
background-image:linear-gradient(90deg,hsl(30,100%,25%),hsl(60,100%,50%),hsl(90,100%,75%));-webkit-background-clip:text;overflow:hidden;white-space:nowrap;
animation:var(--aniName) var(--durTime) linear forwards;animation-play-state:var(--aniPlayState);
}
@keyframes bgMove1{from{width:0;}to{width:100%;}}
@keyframes bgMove0{from{width:0;}to{width:100%;}}
#oblk { /* 画面有关的设置 */
overflow:hidden;border-radius:24px;width:1300px; height:722px;position:relative; left: 0px;
box-shadow:3px 3px 20px black;background:url(https://www.z4a.net/images/2023/07/05/55.gif) no-repeat 0 0 /cover;
font-size:14px; margin:80px 0 32px -350px; /* 帖子字体的缺省设置、画面位置设置 */
}
/* 下面是帖子标题的有关设置 */
.descTitle{fill:transparent;stroke-width:2;stroke-dasharray:0 300;stroke-dashoffset:0;stroke:hsl(60,100%,40%);letter-spacing:1em;font-size:2.5em;animation:varstroke 20s ease-in-out infinite alternate;}
@keyframes varstroke{to{stroke-dashoffset:2000;stroke-dasharray:300 0;}
Powered by Discuz! X3.4
Copyright © 2001-2021, Tencent Cloud.
|
|
发表于 2024-2-28 07:32