Logo Dragonfly
✨ นายณัฐพงษ์ ไวยจรี
<html> <head> <title>Let's Start </title> <style> body{ background:#333; margin:1em; font-family:sans-serif; } svg{ background:#44FFFF; } </style> </head> <body> <svg viewBox="0 0 40 40"> <ellipse cx="10" cy="8" rx="9" ry="0.6" style="fill:#FFCCFF;stroke:#FF99CC ;stroke-width:0.4" > <animate attributeName="ry" values="0.6;0.8;1;0.8;0.6" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="30" cy="8" rx="9" ry="0.6" style="fill:#FFCCFF;stroke:#FF99CC ;stroke-width:0.4" > <animate attributeName="ry" values="0.6;0.8;1;0.8;0.6" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="30" cy="9" rx="9" ry="0.6" style="fill:#FFCCFF;stroke:#FF99CC ;stroke-width:0.4" > <animate attributeName="ry" values="0.6;0.8;1;0.8;0.6" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="10" cy="9" rx="9" ry="0.6" style="fill:#FFCCFF;stroke:#FF99CC ;stroke-width:0.4" > <animate attributeName="ry" values="0.6;0.8;1;0.8;0.6" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="20" cy="27" rx="0.7" ry="1.3" style="fill:#CCFFFF;stroke:blue;stroke-width:0.5" > <animate attributeName="cx" values="20;21;22;21;20;19;18;19;20" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="20" cy="25" rx="0.7" ry="1.3" style="fill:blue;stroke:blue;stroke-width:0.5" > <animate attributeName="cx" values="20;21.75;20;18.25;20" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="20" cy="23" rx="0.7" ry="1.3" style="fill:#CCFFFF;stroke:blue;stroke-width:0.5" > <animate attributeName="cx" values="20;21.5;20;18.5;20" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="20" cy="21" rx="0.7" ry="1.3" style="fill:blue;stroke:blue;stroke-width:0.5" > <animate attributeName="cx" values="20;21.25;20;18.75;20" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="20" cy="19" rx="0.7" ry="1.3" style="fill:#CCFFFF;stroke:blue;stroke-width:0.5" > <animate attributeName="cx" values="20;21;20;19;20;" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="20" cy="17" rx="0.7" ry="1.3" style="fill:blue;stroke:blue;stroke-width:0.5" > <animate attributeName="cx" values="20;20.75;20;19.25;20" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="20" cy="15" rx="0.7" ry="1.3" style="fill:#CCFFFF;stroke:blue;stroke-width:0.5" > <animate attributeName="cx" values="20;20.5;20;19.5;20" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="20" cy="13" rx="0.7" ry="1.3" style="fill:blue;stroke:blue;stroke-width:0.5" > <animate attributeName="cx" values="20;20.25;20;19.75;20" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="20" cy="11" rx="0.7" ry="1.3" style="fill:#CCFFFF;stroke:blue;stroke-width:0.5" > <animate attributeName="cx" values="20;20.15;20;19.85;20" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="20" cy="8" rx="1.5" ry="2" style="fill:#66FFCC;stroke:blue;stroke-width:0.5" /> <ellipse cx="20" cy="5" rx="2" ry="1.5" style="fill:#CCFFFF;stroke:blue;stroke-width:0.7" /> <ellipse cx="22.5" cy="5" rx="1.1" ry="1.5" style="fill:black;stroke:white;stroke-width:0.5" > <animate attributeName="ry" values="1.5;0.8;0;0.8;1.5" dur="4s" repeatCount="indefinite" /></ellipse> <ellipse cx="17.5" cy="5" rx="1.1" ry="1.5" style="fill:black;stroke:white;stroke-width:0.5" > <animate attributeName="ry" values="1.5;0.8;0;0.8;1.5" dur="4s" repeatCount="indefinite" /></ellipse> <circle cx="17.8" cy="4.5" fill="white" r=".4"> <animate attributeName="r" values=".4;.2;0;.2;.4" dur="4s" repeatCount="indefinite" /></circle> <circle cx="22.8" cy="4.5" fill="white" r=".4"> <animate attributeName="r" values=".4;.2;0;.2;.4" dur="4s" repeatCount="indefinite" /></circle> </svg> </body> </html>