Lines
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;
}
}
}
}