How would I convert a CSS circle pattern to SVG?

Discussion in 'Web Development' started by ArayNott, Oct 2, 2017.

  1. ArayNott

    ArayNott Registered Member

    Joined:
    Sep 8, 2017
    Messages:
    6
    Likes Received:
    0
    How would I convert a CSS circle pattern to SVG?
    HTML:
    body {
      background: #333333;
      display: flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
     
    }
    
    .box {
      margin:85px;
      width:10px;
      height:10px;
      border-radius:50%;
      box-shadow:
    0 0 0 5px #38761d,
    0 0 0 10px black,
    0 0 0 15px #1155cc,
    0 0 0 20px black,
    0 0 0 25px #38761d,
    0 0 0 30px black,
    0 0 0 35px #1155cc,
    0 0 0 40px black,
    0 0 0 45px #38761d,
    0 0 0 50px black,
    0 0 0 55px #1155cc,
    0 0 0 60px black,
    0 0 0 65px #38761d,
    0 0 0 70px black,
    0 0 0 75px #1155cc,
    0 0 0 80px black,
    0 0 0 85px #38761d;
    
    }
    
    <div class="box"></div>
     

Share This Page