• Post author:
  • Post category:Uncategorized
  • Reading time:1 mins read
  • Post published:October 2, 2022
  • Post comments:0 Comments
  • Post last modified:October 2, 2022
Art

Code:

HTML

<css-doodle click-to-update>
  <style>
    @grid: 1 / 50vmin 70vmin;
    border: 1vmin solid #000;
    background-size: 100% 100%;
    background-image: @svg(
      viewBox: 0 0 100 140;
      g {
        fill: none;
        path*200 {
          stroke: @p(
            #f9f8eb, #76b39d, #05004e, #fd5f00
          );
          stroke-width: @r1.5;
          stroke-dasharray: @[email protected](10, 60);
          d: M 70 50
             Q @Plot(r: 60; move: 20 80)
               @Plot(r: 125; move: 80 60);
        }
      }
    );
  </style>
</css-doodle>

CSS

html, body {
  margin: 0;
  display: grid;
  height: 100%;
  place-content: center;
}

Click Here!

Click to rate this post!
[Total: 0 Average: 0]

Oh, hi there πŸ‘‹ It’s nice to meet you.

Sign up to receive awesome content in your inbox, every week.

We don’t spam! Read our privacy policy for more info.

Leave a Reply