|
本帖最后由 朵拉 于 2024-11-19 23:10 编辑
:doodle {
@grid: 3 / 160px;
margin: 50px auto 0;
cursor: pointer;
animation: rot 6s infinite linear var(--state);
}
@place-cell: center;
background: linear-gradient(45deg, green 49.5%, lightblue 50.5%, green 0);
border-radius: 0 100%;
transform: rotate(calc(360deg / (@size() - 1) * @i())) translate(50px);
@at(1,1) {
border-radius: 50%;
background: radial-gradient(snow, green 60%, green 0);
transform: rotate(0) translate(0);
}
@keyframes rot { to { transform: rotate(-1turn); } }
|
|