Chrome · Firefox no Safari
This doodle is not marked for Safari
Loading it in this browser can freeze the tab.
Sunet
Picked Chrome · Firefox no Safari
Code
@grid: 1 / 600px;
@seed: 1652082487007;
--colors: @stripe.m9(hwb(@nN(* -120) 0% @nN(*110%)));
background: linear-gradient(var(--colors));
filter: @svg-filter(.01 .15, 125, seed=@r10000);
::after {
content: '';
position: absolute;
bottom: 0%;
opacity: .7;
@size: 5% 25%;
background: linear-gradient(0, var(--colors));
}
mask: @svg(
viewBox: 0 0 10 10;
rect {
x, y: 2.5 .45;
rx, ry: 10 2;
width, height: 50% 90%;
}
);