:doodle { @grid: 50x1 / 1vmax; } @shape: clover 5; background: hsla( calc(360 - @i() * 4), 70%, 68%, @r(.8) ); @size: calc(100% / @size() * @i()); animation: move 1000s infinite ease alternate; @keyframes move { 0% { transform: rotate(calc(@i() * 1deg));} 50% { transform: rotate(calc(@i() * 100deg));} 100% { transform: rotate(calc(@i() * 10deg));} }
I'm sorry, your browser does not support Coming Soon Please upgrade to a modern browser.