:doodle { @grid: 50x1 / 100%; @use: var(--filter); } :container { animation: r 20s linear infinite; } @place-cell: center; @size: 100% 2vmin; background: @pd(#60569e, #e6437d, #ebbf4d); transform-origin: 1vmin center; transform: translateX(50%) rotate(calc(@i() * 360deg / @size())); @keyframes r { to { transform: rotate(1turn) } }

Francisco Giraldo

Computer Systems Engineer
specialized in Web Development

Linked In Profile