:doodle { @grid: 1x10 / 85%; } @place-cell: center; @size: calc(@i() * 10%); border-radius: 50%; border-style: dashed; border-width: calc(@i() * 4px); border-color: hsla( calc(20 * @i()), 70%, 68%, calc(3 / @i() * .8) ); animation: rotate-center 0.2s linear infinite both; @keyframes rotate-center { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-center { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }