นัท-ธนาพงศ์ – CODEBOX

นัท-ธนาพงศ์

✨ ธนาพงศ์ ปทุมสีมา

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:#333;
        margin:1em;
        font-family:sans-serif;
        color:white;
      }
      svg{
        background:black;
      }
    </style>
  </head>
  <body>

<svg viewBox="0 0 100 100">
      <path fill="#fcf347" stroke="#bdb528" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="
               m30,15
               a 10 60 0 0 1 5 10
               a 10 60 0 0 1 5 -10
               a 10 60 0 0 1 -5 -10
               a 10 60 0 0 1 -5 10
               "
            >
        <animate attributeName="d" values="
                                           m45,30
               a 10 60 0 0 1 5 10
               a 10 60 0 0 1 5 -10
               a 10 60 0 0 1 -5 -10
               a 10 60 0 0 1 -5 10;
                                           m45,30
               a 30 60 0 0 1 5 10
               a 30 60 0 0 1 5 -10
               a 30 60 0 0 1 -5 -10
               a 30 60 0 0 1 -5 10

" dur="1s" repeatCount="indefinite" />
      </path>

</svg>
  </body>
</html>