2023.6.7惜别
位置:
首页 >
黑氏音画[发布: 2024.2.20 作者: 马黑黑 阅读: 127]
:doodle {
@size: 1024px 640px;
background: teal url('https://638183.freep.cn/638183/t23/2/118.jpg') no-repeat center/cover;
box-shadow: 0 0 8px #000;
position: relative;
margin: 20px auto;
z-index: 1;
--state: running;
}
@place: center;
@nth(@size,@size - 1) {
@size: 120px;
cursor: pointer;
background: none;
}
@nth(@size - 1) {
background: tan;
clip-path: @shape(
points: 200;
scale: .8;
frame: 100;
r: sin(7t)/2^cos(14t)/4;
);
animation: rot 6s infinite linear var(--state);
}
@match(i ≤ @size - 2) {
@size: 20px;
position: absolute;
background: rgba(@m3(@r(255)),.95);
border-radius: 50%;
transform: rotate(var(--deg)) translate(100px);
animation: go 10s infinite linear var(--state);
--deg: calc(@i * 360deg / (@size - 2));
}
@keyframes rot { to { transform: rotate(360deg); } }
@keyframes go { to { transform: rotate(calc(-360deg + var(--deg))) translate(100px); } }
前一篇: 2023.6.6公园嚎嚎小熊变
下一篇: 2023.6.10鹰