|
|
请马上登录，朋友们都在花潮里等着你哦：）
您需要 登录 才可以下载或查看，没有账号？立即注册
x
[i=s] 本帖最后由 亚伦影音工作室 于 2023-5-13 13:59 编辑 [/i]
花潮lrc在线
:doodle {margin: 3% 70%;
@grid: 2 / 300px 60px;
position: absolute;z-index: 1000;
color: var(--color);
transform: scale(1);
--prog: 0%; --size: 40px; --ttmsg1: '00:00'; --ttmsg2: '00:00'; --color:#ffffff; --state: paused;
}
/* 时间信息 : 左 */
@nth(1) {
@place: 10% 125%;
:after { content: var(--ttmsg1); }
}
/* 控制器 */
@nth(2) {
@size: var(--size);
@shape: windmill;
@place: 50% 35%;
background: var(--color);
animation: rot 6s infinite linear var(--state);
}
/* 时间信息 : 右 */
@nth(3) {
@place: 90% 125%;
:after { content: var(--ttmsg2); }
}
/* 进度条 */
@nth(4) {
@place: 50% 80%;
@size: 60% 2px;
background: #aaaaaa;
display: grid;
place-items: center start;
:before {
content: '';
width: var(--prog);
height: 100%;
background: var(--color);
}
}
@keyframes rot { to { transform: rotate(1turn); } }
:doodle {
@size: 100% 100%;
}
position: absolute;
top: @r(250)%;
left: -30%;
:after {
position: absolute;
content: '@p(♪,¶,♫,♯,♭,♮,♩,♬)';
color: #ffffff;
font-size: @r(2, 30)px;
}
animation: fall @r(60,200)s @r(-60, 60)s infinite var(--state);
@keyframes fall {
0% { left: 200%;top: 0%; transform: rotate(0deg); }
100% {left: -80%; transform: rotate(@p(360, 720)deg); }}
|
评分
-
| 参与人数 3 | 威望 +110 |
金钱 +220 |
经验 +110 |
收起
理由
|
 马黑黑
| + 30 |
+ 60 |
+ 30 |
很给力! |
 梦缘
| + 30 |
+ 60 |
+ 30 |
很给力! |
 红影
| + 50 |
+ 100 |
+ 50 |
赞一个! |
查看全部评分
|
发表于 2023-5-13 13:57
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-5-13 16:22
发表于 2023-5-13 17:06
发表于 2023-5-13 19:41
发表于 2023-5-13 20:46
