Lines

Fork

Picked

Code

svg {
  viewBox: 0 0 100 100;

  /* background */
  rect {
    fill: #0ce5f2;
    width, height: 100%;
  }

  g {
    fill: none;
    filter: @svg-filter(.03, 20, seed=@r1000);

    /* lines */
    path*200 {
      stroke: @p(#ff4ea5, yellow, @m5(#fff));
      stroke-width: @r.5;
      stroke-dasharray: @r(5, 60) @r5;
      d: M 50 120
         Q @Plot(r: 20; move: 20 80)
           @Plot(r: 125; move: 80 60);
    }

    /* fix for Safari */
    mask: defs mask {
      rect {
        width, height: 100%;
        fill: #fff;
      }
    }
  }
}