SVG Frog (Copy 6209)
✨ นางสาวนิดา คงรุ่งเรือง
<html> <head> <title>Let's Start </title> <style> body{ background:#333; margin:1em; font-family:sans-serif; } svg{ background:#eee; } </style> </head> <body> <svg viewBox="0 0 40 40"> <ellipse cx="20" cy="22" rx="16" ry="12" fill="hsla(83, 86%, 54%, 1)" /> <circle cx="16" cy="12" r="5" fill="white"/> <circle cx="24" cy="12" r="5" fill="white"/> <circle cx="17" cy="11" r="2" fill="black"/> <circle cx="23" cy="11" r="2" fill="black"/> <circle cx="10" cy="20" r="3" fill="hsla(353, 100%, 46%, 1)"/> <circle cx="29" cy="20" r="3" fill="hsla(353, 100%, 46%, 1)"/> <line x1="13" y1="7" x2="19" y2="7" style="stroke:#2e0a12;stroke-width:0.9"> <animate attributeName="y1" values="7;7;6;7;7" dur="1s" repeatCount="indefinite" /> <animate attributeName="y2" values="7;7;6;7;7" dur="2s" repeatCount="indefinite" /> </line> <line x1="21" y1="7" x2="27" y2="7" style="stroke:#2e0a12;stroke-width:0.9"> <animate attributeName="y1" values="7;7;6;7;7" dur="2s" repeatCount="indefinite" /> <animate attributeName="y2" values="7;7;6;7;7" dur="1s" repeatCount="indefinite" /> </line> <circle cx="20" cy="30" r="2" fill="#eee"/> <ellipse cx="20.2" cy="30.8" rx="1.4" ry="1.2" fill="red"/> </svg> </body> </html>