- UID
- 320
- 主题
- 回帖
- 0
- 精华
- 积分
- 2861
- 金币
- 枚
- 草籽
- 颗
- 鲜花
- 朵
- 注册时间
- 2023-7-1
- 最后登录
- 1970-1-1
|
本帖最后由 冰心 于 2023-9-3 18:02 编辑
花潮lrc在线
:doodle {
@grid: 2 / 1200px 710px;
bottom: 0px;
left: 0px;
z-index: 999;
position:absolute;
}
clip-path: @shape(
points: 200;
r: cos(@pn(3,6,2,7,8)t);
);
background: radial-gradient(purple, orange, lightgreen);
@nth(1,2,3,4,5,6) {
@size: 100px;
@place: 60px 60px;
cursor: pointer; animation: rot 4s infinite linear var(--state);
}
@nth(1) { @size: 55px; @place: 55% 34%; }
@nth(2) { @size: 70px; @place: 75% 34%; }
@nth(3) { @size: 60px; @place: 20% 26%; }
@nth(4) { @size: 80px; @place: 35% 55%; }
@nth(5) { @size: 155px; @place: 32% 45%; }
@keyframes rot { to { transform: rotate(1turn); } }
:doodle { @size: 450px 1200px; top: 30px; left: 400px;}
@size: 70px;
@shape: circle;
background: linear-gradient(to bottom,#fbc041 0%,#e9dfd1 100%);
font: normal 30px / 30px sans-serif;
:after {
content: @pn([演唱：冰心]);
font-family: '华文行楷', sans-serif;
font-size: 3.0rem;
color: #fd2e8f;
text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
font-weight: 900;
letter-spacing: -2px;
}
animation: fall 1s calc((@i - 1) * 1s) linear forwards var(--state);
@keyframes fall {
from { transform: translateY(0); }/*变换：平移Y（0）；*/
to { transform: translateY(510px); }
}
:doodle {
@size: 1150px 680px;
}
position: absolute;
left: @r(255)%;
top: -10%;
:after {
position: absolute;
content: '@p( ♬, ♪, ♩, ♫, ∮,冰心, ✲, good, ❤, ☺,三月的阳光, ★, ☆,love, ❄)';
color:#fb52f9;
font-size: @r(15, 30)px;
}
animation: fall 40s @r(-6, 36)s infinite var(--state);
@keyframes fall {
from { transform: rotate(0deg) translate(0px); }
to { transform: rotate(@r(-250,160)deg) translate(-1500px); }
}
|
评分
-
7
查看全部评分
-
|
发表于 2023-7-3 22:57
发表于 2023-7-3 23:02
