花潮lrc在线
:doodle {
@size: 200px;
@shape: circle;
right: 60px;
top: 60px;
cursor: pointer;
z-index: 2;
background: snow url('https://pic2.imgdb.cn/item/645b41080d2dde57775316df.png') no-repeat center/cover;
animation: rot 6s infinite linear forwards var(--state);
}
@keyframes rot { to { transform: rotate(360deg); } }
:doodle {
@size: 1024px 640px;
}
position: absolute;
left: @r(100)%;
top: -20%;
:after {
position: absolute;
content: "@p(♩,♪,♫,♬,❉,❁,❀;)";
color: snow;
font-size: @r(3, 30)px;
}
animation: fall @r(25,50)s @r(-20, 20)s infinite var(--state);
@keyframes fall {
0% { top: -20%; transform: rotate(0deg); }
100% {top: 120%; transform: rotate(@p(360, 720)deg); }
}
