Hello World! (Copy 7940)

✨ นายซันตะ นาคาโน

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:#333;
        margin:1em;
        font-family:sans-serif;
        color:white;
      }
      svg{
        background:skyblue;
      }
    </style>
   
  </head>
  <body>
	
    <svg viewBox="0 0 100 100">
       <path fill="#f2ee9b" stroke="black" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"
            d="
               M 52 21 C 78 13 89 86 70 85 C 92 91 57 90 66 85 C 60 83 54 85 49 86 C 47 92 33 88 43 85 C 24 76 47 27 47 22 Z
               "
            >
         <animate id="santa" attributeName="fill" from="#f2ee9b" to="#805593" begin="1s" dur="5s" fill="freeze" repeatCount="3"	restart="always"				</animate> 
      </path>
      <path fill="#be9d6a" stroke="black" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"
            d="
               M 38 29 C 38 31 32 31 36 56 C 34 59 32 63 36 69 V 71 C 42 72 49 73 51 66 L 47 62 L 50 57 L 42 47 C 47 33 49 35 52 32 L47 					   29 L 52 25 L 48 22 C 47 22 45 22 44 24 C 43 19 44 8 33 7 C 31 8 28 20 37 25 C 35 24 32 22 30 25 C 31 27 33 29 37 29 Z
               "
            >
         <animate id="santa" attributeName="fill" from="#be9d6a" to="#6b6b6a" begin="1s" dur="5s" fill="freeze" repeatCount="3"	restart="always"				</animate> 
      </path>
      <path fill="#6b6b6a" stroke="black" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"
            d="
               M 58 21 L 55 25 L 60 27 L 57 31 C 61 34 67 36 72 44 L 63 55 L 66 61 L 63 66 C 61 67 65 69 66 71 C 69 72 75 73 79 71 C 79 						71 81 68 79 64 C 81 60 85 59 86 54 C 85 53 85 52 84 52 C 83 48 82 51 81 51 C 75 52 75 54 72 56 C 74 54 79 51 78 51 C 					  77 42 79 31 70 26 C 79 26 83 20 73 22 C 98 3 64 9 63 22 Z
               
               "
            >
      </path>
      <path fill="#be9d6a" stroke="black" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"
            d="
               M 43 61 C 44 64 46 67 45 71 C 47 72 41.6667 71.6667 39 71 C 38 71 37 69.6667 36 69
               "
            >
         <animate id="santa" attributeName="fill" from="#be9d6a" to="#6b6b6a" begin="1s" dur="5s" fill="freeze" repeatCount="3" restart="always"					</animate> 
      </path>
      <svg height="100" width="100">
  <circle cx="45" cy="45" r="4" stroke="black" stroke-width="0.3" fill="#e9aab3" />
        <svg height="100" width="100">
  <circle cx="69" cy="43" r="4" stroke="black" stroke-width="0.3" fill="#e9aab3" />    
          <path fill="#7f7877" stroke="black" stroke-width="0.4	" stroke-linecap="round" stroke-linejoin="round"
            d="
               M 45 37 A 1 1 0 0 0 46 44 A 1 1 0 0 0 46 37 Z
               "
            
            >
<animate 
    attributeName="d"
    from="M 45 37 A 1 1 0 0 0 46 44 A 1 1 0 0 0 46 37 Z"
        to="M 45 37 L 49 39 C 43 45 40 36 42 35 L 40 34 Z"
    dur="5s"
    fill="freeze" begin="1s" repeatCount="3"/>
        <animate id="santa" attributeName="fill" from="#7f7877" to="red" begin="1s" dur="5s" fill="freeze" repeatCount="3"	restart="always"				</animate> 
</svg>
      </path>
          <path fill="#7f7877" stroke="black" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round"
            d="
               M 66 34 A 1 1 0 0 0 66 42 A 1 1 0 0 0 66 34 Z
               "
            >
            <animate 
    attributeName="d"
    from="M 66 34 A 1 1 0 0 0 66 42 A 1 1 0 0 0 66 34 Z"
        to="M 65 36 L 71 34 L 69 35 C 70 43 60 40 60 38 Z"
    dur="5s"
    fill="freeze" begin="1s" repeatCount="3"/>
        
          <animate id="santa" attributeName="fill" from="#7f7877" to="red" begin="1s" dur="5s" fill="freeze" repeatCount="3"	restart="always"				</animate> 
      </path>
          <path fill="#d1746f" stroke="black" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round"
            d="
               M 56 44 C 59 42 71 43 58 52 C 57 52 42 50 56 44 Z
               "
            >
            <animate 
    attributeName="d"
    from="M 56 44 C 59 42 71 43 58 52 C 57 52 42 50 56 44 Z"
        to="M 56 43 C 59 44 64 46 64 53 C 63 51 60 51 59 51 L 59 47 L 59 51 C 57 50 55 50 53 50 L 53 46 L 53 50 C 51 49 49 50 48 51 C 48 48 51 44 56 43 Z"
    dur="5s"
    fill="freeze" begin="1s" repeatCount="3" />
          <animate id="santa" attributeName="fill" from="#d1746f" to="white" begin="1s" dur="5s" fill="freeze" repeatCount="3"	restart="always"				</animate> 
      </path>
</svg>
        
  </body>
       
</html>