นายจักราภัทร สุดใจ 63070016

✨ Chakraphat Sudjai

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:#333;
        margin:1em;
        font-family:sans-serif;
      }
      svg{
        background:#f12e00;
      }
    </style>
  </head>
  <body>
      
          <svg viewBox="0 0 100 100">
          
            
            
      <path stroke-width="1" stroke="gold" stroke-linecap="round" 
            d="
               M20,30
               C40,10 60,10 80,30
               " >
        <animate 
	attributeName="d" 
	values="
	M20,30 
  	C40,10 60,10 80,30;
  	M20,40
  	C40,20 60,20 80,40;
   M20,50
  	C40,30 60,30 80,50;       
          "
   
  dur="4s" 
	repeatCount="indefinite" />
        
        
      </path>
            <path stroke-width="1" stroke="gold" stroke-linecap="round" 
            d="
               M20,50 
               c-0,20 60,20 60,0
               " >
      </path>
          
        <path stroke-width="0.1" stroke="black" stroke-linecap="round" fill="white"
            d="
               M20,80 q5 -14 10 0
               M30,80 q5 -14 10 0
               M40,80 q5 -14 10 0
               M50,80 q5 -14 10 0
               M60,80 q5 -14 10 0
               M70,80 q5 -14 10 0
               
               " >
          
          <animate
		attributeName="d" 
		values="
              
               M20,80 q5 -14 10 0
               M30,80 q5 -14 10 0
               M40,80 q5 -14 10 0
               M50,80 q5 -14 10 0
               M60,80 q5 -14 10 0
               M70,80 q5 -14 10 0;
              
               M20,60 q5 -14 10 0
               M30,60 q5 -14 10 0
               M40,60 q5 -14 10 0
               M50,60 q5 -14 10 0
               M60,60 q5 -14 10 0
               M70,60 q5 -14 10 0;
               
                
		" dur="4s" 
		repeatCount="indefinite" />
          
      </path>
            <path stroke-width="0.1" stroke="black" stroke-linecap="round" fill="white"
            d="
               M20,10 q5 14 10 0
               M30,10 q5 14 10 0
               M40,10 q5 14 10 0
               M50,10 q5 14 10 0
               M60,10 q5 14 10 0
               M70,10 q5 14 10 0
               " >
              <animate
		attributeName="d" 
		values="
               M20,10 q5 14 10 0
               M30,10 q5 14 10 0
               M40,10 q5 14 10 0
               M50,10 q5 14 10 0
               M60,10 q5 14 10 0
               M70,10 q5 14 10 0;
               M20,35 q5 14 10 0
               M30,35 q5 14 10 0
               M40,35 q5 14 10 0
               M50,35 q5 14 10 0
               M60,35 q5 14 10 0
               M70,35 q5 14 10 0;
                
		" dur="4s" 
		repeatCount="indefinite" />
             
              
    
              
      </path>
            
          <path stroke-width="0.5" stroke="gold" stroke-linecap="round"  fill="brown"
            d="
               M15,40 
               C15,30 80,30 80,40
               " >
      <animate 
		attributeName="d" 
		values="
        M15,40 
        C10,30 85,30 85,40;
        M15,50 
        C15,40 85,40 85,50;
        M15,50 
        C15,45 85,45 85,50 ;
		
  	
		" dur="4s" 
		repeatCount="indefinite" />
        
        
        </path>
            
            <path stroke-width="0.5" stroke="gold" stroke-linecap="round" fill="brown"
            d="
               M15,40
               c-0,10 70,10 70,0
               " >
            <animate 
		attributeName="d" 
		values="
      M15,40
      c-0,10 70,10 70,0;
      M15,50
      c-0,10 70,10 70,0;
      M15,50
      c-0,10 70,10 70,0;

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