C P’Getty (Copy 6674) (Copy 6693) – CODEBOX

C P’Getty (Copy 6674) (Copy 6693)

✨ นายดรณ์ นุตเวช

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:#f1f6ff;
        margin:1rem;
        text-align:center;
        font-family:sans-serif;
      }
      svg{
        background:#80DEEA;
        box-shadow:0 0 20px #0002;
        width:80%;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 100 100">
      <defs>

<pattern id="pat2"
                 viewBox="0 0 40 40"
                 x="0" y="0"
                 width="15" height="15"
                 patternUnits="userSpaceOnUse"
                 >
          <rect width="100" height="100" fill="orange"/>
         
          <path stroke="green" fill="transparent"
                stroke-linejoin="square"
                >
            <animate attributeName="d" 
                     values="
                          
                             m10,10  L25,30 L30,15 L25,9 L10,10;
                             m10,40  L25,60 L30,45 L25,39 L10,40;
                             m40,10  L55,30 L60,15 L55,9 L40,10;
                             m10,10  L25,30 L30,15 L25,9 L10,10;
                              
                             " dur="2s" repeatCount="indefinite" />
          </path>
        </pattern>
      </defs>
      <rect fill="url(#pat2)" 
            width="100" height="100"/>

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