FOX !??
✨ นายภูฟ้า รุจิภาสวัฒน์
<html> <head> <title>Let's Start </title> <style> body{ background:#333; margin:1em; font-family:sans-serif; } svg{ background:hsl(228, 84%, 59%); } </style> </head> <body> <svg viewBox="0 0 40 40"> <svg> // หูซ้าย <ellipse cx="10.99" cy="14" rx="4.5" ry="8" fill="url(#grad1)"></ellipse> <path d="M 7 10 Q 11 1 15 10 " stroke-width="0.3" fill="black"/> <line x1="6.9" y1="11" x2="15" y2="11" stroke="black" stroke-width="0.5" /> </svg> <svg x="20">// หูขวา <ellipse cx="10" cy="14" rx="4.5" ry="8" fill="url(#grad1"></ellipse> <path d="M 6 10 Q 10 1 14 10 " stroke-width="0.3" fill="black"/> <line x1="5.9" y1="11" x2="14.2" y2="11" stroke="black" stroke-width="0.5" /> </svg> <defs> <radialGradient id="grad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="0%" style="stop-color:hsl(13, 84%, 50%);" /> <stop offset="100%" style="stop-color:hsl(13, 84%, 27%);" /> </radialGradient> </defs> <ellipse cx="20" cy="22" rx="12.5" ry="12" fill="url(#grad1)" /> <svg> <path d="M 12 19 Q 15 17 18 19" stroke="black" stroke-width="0.3" fill="transparent"/> <ellipse cx="16" cy="23" rx="1" ry="1.2" fill="black" /> <!-- <circle cx="14.3" cy="19" fill="white" r="1"></circle> --> </svg> <svg x="10"> <path d="M 12 21 Q 15 19 18 21" stroke="black" stroke-width="0.3" fill="transparent"/> <path d="M 15 22 13 23 15 23.5" stroke="black" stroke-width="0.3" fill="transparent"/> </svg> <svg> <!-- <path d="M 9.5 28 Q 20 40 30.8 28 " stroke-width="0.3" fill="hsl(59, 66%, 79%)"/> <path d="M 9.5 28 Q 20 40 30.8 28 " stroke-width="0.3" fill="hsl(59, 66%, 79%)"/> --> <ellipse cx ="20" cy="29" rx="9" ry="5" fill="hsl(59, 66%, 79%)"></ellipse> <!-- <ellipse cx ="20" cy="30.7" rx="8" ry="3" fill="hsl(59, 66%, 79%)"></ellipse> --> <!-- <ellipse cx ="20" cy="30.9" rx="7" ry="3" fill="hsl(59, 66%, 79%)"></ellipse> --> </svg> <svg> </svg> <svg y="2"> <ellipse cx="20" cy="24" rx="2.5" ry="1.5" fill="black" /> </svg> <ellipse cx="20" cy="32" fill="hsl(10,70%,40%)" rx="2" ry="2"> <animate attributeName="rx" values="2;2;3;2;2" dur="4s" repeatCount="indefinite" /> <animate attributeName="ry" values="1;1;2;1;1" dur="5s" repeatCount="indefinite" /> </ellipse> <!-- Grid --> <defs> <pattern id="grid" viewBox="0,0,10,10" width="1%" height="1%"> <rect fill="#0001" width="1" height="10" x="1" y="0"/> <rect fill="#0001" width="1" height="10" x="3" y="0"/> <rect fill="#0001" width="1" height="10" x="5" y="0"/> <rect fill="#0001" width="1" height="10" x="7" y="0"/> <rect fill="#0001" width="1" height="10" x="9" y="0"/> <rect fill="#0001" width="10" height="1" x="0" y="1"/> <rect fill="#0001" width="10" height="1" x="0" y="3"/> <rect fill="#0001" width="10" height="1" x="0" y="5"/> <rect fill="#0001" width="10" height="1" x="0" y="7"/> <rect fill="#0001" width="10" height="1" x="0" y="9"/> <path d="M0 0 h10 L9 1 h-8 v8 L0 10 z" fill="#ff05"/> <path d="M10 10 h-10 L1 9 h8 v-8 L10 0 z" fill="#0f05"/> <rect fill="#0002" width="10" height=".1" x="0" y="9.9"/> <rect fill="#0002" width="10" height=".1" x="0" y="0"/> <rect fill="#0002" height="10" width=".1" y="0" x="9.9"/> <rect fill="#0002" height="10" width=".1" y="0" x="0"/> </pattern> </defs> <!-- <rect fill="url(#grid)" width="1000" height="1000" x="0" y="0"/> --> </svg> </body> </html>