Sunet

Fork

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%;
  }
);