SVG-63070013-Gengar

✨ นายไกรวิน แนวอินทร์

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:#333;
        margin:1em;
        font-family:sans-serif;
      }
      svg{
        background:#eee;
      }
      @keyframes hehe{
        from{transform: translatey(0px);}
        to{transform: translatey(0.3px);}
      }
      .smile{
		  animation: hehe 0.3s infinite alternate;
      }
    </style>
  </head>
  <body>
    <svg viewbox="0 0 100 70">
    <svg viewbox="0 0 50 30">
    	<circle r="22" cx="25" cy="29" fill="hsl(270, 40%, 30%)">  
      </circle>
    	<svg viewbox="0 0 5 6">
			<ellipse rx="2.5" ry="2" cx="2.5" cy="4" fill="white"></ellipse>
			<rect width="5" height="2" y="2"fill="hsl(20, 40%, 30%)"></rect>-->
			<ellipse class="smile" rx="2.9" ry="1.8" cx="2.5" cy="3.3" fill="hsl(270, 40%, 30%)"></ellipse>
      </svg>
     	<svg viewbox="0 0 4 6">
        
      	<ellipse ry="1" rx="1.2" cx="3.5" cy="3.5" fill="hsl(0, 60%, 40%)"></ellipse>
      	<ellipse ry="1" rx="1.2" cx=".5" cy="3.5" fill="hsl(0, 60%, 40%)"></ellipse>
        <ellipse ry="0.5" rx="0.2" cx=".4" cy="3.5" fill="hsl(0, 0%, 13%)"></ellipse>
        <ellipse ry="0.5" rx="0.2" cx="3.6" cy="3.5" fill="hsl(0, 0%, 13%)"></ellipse>
        <ellipse ry="0.05" rx="0.08" cx="3.8" cy="3.7" fill="hsl(0, 0%, 100%)"></ellipse>
        <ellipse ry="0.05" rx="0.08" cx="0.2" cy="3.7" fill="hsl(0, 0%, 100%)"></ellipse>
        <polygon points="
                         2.3,4
                         2.3,2
                         7,2
                         5,4
                         4.3,2
                         7,2
                         
                         " fill="hsl(270, 40%, 30%)">
        </polygon>
        <polygon points="
                         1.7,4
                         1.7,2
                         -3,2
                         -1,4
                         -1,2
                         -3,2
                         " fill="hsl(270, 40%, 30%)">
        </polygon>
        <polygon points="
                         5,2.5
                         1,2
                         7,0
                         " fill="hsl(270, 40%, 30%)">
        </polygon>
        <polygon points="
                         -1,2.5
                         3,2
                         -3,0
                         " fill="hsl(270, 40%, 30%)">
        </polygon>
        <polygon points="
                         1,0.9
                         2,2.5
                         2,0.9
                         3,2
                         
                         " fill="hsl(270, 40%, 30%)">
        </polygon>
      </svg>
      </svg>
      </svg>
  </body>
</html>