:doodle {
@grid: 10x1 / 100%;
@shape: rect;
@use: var(--filter);
overflow:hidden;
}
:container {
animation: r 10s linear infinite;
animation-play-state: var(--filter-astate);
}
@place-cell: center;
@size: 100% var(--filter-vsize);
background: @pd(var(--filter-color1), var(--filter-color2), var(--filter-color3));
transform-origin: 1vmin center;
transform:
translateX(50%)
translateY(50%)
rotate(calc(@i() * 360deg / @size()));
@keyframes r {
to { transform: rotate(1turn) }
}
