chrome-only no Firefox no Safari
This doodle is Chrome-only
Loading it in this browser can freeze the tab.
Border animation
chrome-only no Firefox no Safari
from old pen: https://codepen.io/yuanchuan/pen/MYyRwBB
Code
@grid: 1 / 100vw 100vh / @doodle600(
@grid: 1x18 // #000 ^2;
@place: center;
@size: @iI(*100%);
border: @Ii(ease-in-out, *24px) solid;
border-color: hsl(@iI(*360), 80%, 50%);
border-radius: @Ii(*80%);
rotate: @ts(*4deg);
corner-shape: superellipse(calc(8 * cos(@ts)));
) center/cover;