ตัวนากโผล่ขึ้นมาจากทะเลค้าบ (Copy 7885)

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

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:;
        margin:0px;
        font-family:sans-serif;
      }
      svg{
        background:#f12e00;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 200 200">
      
      <circle r="45" cx="50" cy ="50" fill="#ffce25"></circle>
      
      <svg>
      <animate attributeName="y" 
      				values="-15;0;-15" dur="3s" repeatCount="indefinite" />
      <g id="otter" transform="translate(0 15)">

      <path stroke-width="2"  stroke-linecap="round" fill="#895423"
            d="
               M20,50
               C11,30 50,30 40,50
               "
            ></path>

       <circle r="1" cx="26" cy="42" fill="black"> </circle>
       <circle r="1" cx="34" cy="42" fill="black"> </circle>
       <circle r="3" cx="22" cy="40" fill="#895423"></circle>
       <circle r="3" cx="38.5" cy="40" fill="#895423"></circle>

        <path stroke-width="2"  stroke-linecap="round" fill="black"
            d="
               M30,44
               c10,3 -10,3 0,0
               "
        ></path>

       <path stroke-width=".7" fill="#0000" stroke="black" stroke-linecap="round"
            d="M30 46 q0 2.5 1.5 1.5
               M30 46 q0 2.5 -1.5 1.5"/>
      </g>
      </svg>

      <path stroke-width=".8" fill="#0500ad" stroke="#0500ad" stroke-linecap="round"
            d="
               M5.2 50 q5 -10 14 1
               
               M41 50 q4 -9 16 2
               M55 50 q7 -10 20 4
               M65 50 q4 -17 17 2
               M80 50 q7 -8 15 0"/>
      <path stroke-width=".8" fill="#0500ad" stroke="#0500ad" stroke-linecap="round" 
            d="M5.2 50 
 				 C2,103 90.5,116 95,50"/>