リンクのおうち相談

:doodle { @grid: 1x10 / 85%; } @place-cell: center; @size: calc(@i() * 10%); transition: .2s @r(.6s); border-radius: @pick(50% 0, 0 50%); will-change: transform; transform: scale(@r(.25, 1.25)); border-radius: 50%; border-style: dashed; border-width: calc(@i() * 4px); border-color: hsla( calc(20 * @i()), 70%, 68%, calc(3 / @i() * .8) ); transform: rotate(@r(360deg));