:doodle {
@grid: 8 / 550px;
background: url('https://xlaj.cn/assets/file/zp/20230731013525.png') no-repeat 0px 50px / 265px 371px;
cursor: pointer;
position: absolute;
left: 550px;
top: 120px;
--state: running;
}
:doodle(:hover) { transform: skew(2deg); }
position: absolute;
@place-cell: 250px 35%;
:after {
content: @p(八,,一,建,军,节,);
color: @p(red,pink,orange,green,blue,white);
}
animation: fly 1s @r(-1,2)s infinite var(--state);
@keyframes fly {
from { transform: rotate(0deg) translate(0px); }
to { transform: rotate(@r(-60,60)deg) translate(110px); }
}