งาน
✨ นายดรณ์ นุตเวช
<html> <head> <title>Let's Start </title> <style> body{ background:#333; margin:1em; font-family:sans-serif; } svg{ background:#eee; background-image: linear-gradient(#6495ED, lightblue); } </style> </head> <body> <svg viewbox="0 0 200 200"> <path d="m0,140 h300 v50 v100" fill="#09CBFF"></path> <ellipse cx="10" cy="180" rx="130" ry="55" style="fill:#edc855;" /> <rect fill="#F7AA5E" width="60" height="30" x="35" y="120" /> <rect style="stroke:white;stroke-width:1" fill="#0269FF" width="10" height="10" x="45" y="124" /> <rect fill="white" width="1" height="10" x="49.5" y="124" /> <rect fill="white" width="10" height="1" x="45" y="128.25" /> <rect style="stroke:white;stroke-width:1" stroke-width:1 fill="#0269FF" width="10" height="10" x="75" y="124" /> <rect fill="white" width="10" height="1" x="75" y="128.25" /> <rect fill="white" width="1" height="10" x="79.5" y="124" /> <rect fill="#966F33" width="10" height="15" x="60" y="135" /> <polygon fill="#966F33" points="30,120 100,120 65,100" /> <rect fill="#966F33" width="5" height="50" x="10" y="100" /> <circle cx="12.5" cy="100" r="20" fill="green" /> <circle cx="35" cy="30" r="12" fill="#4747d1" /> <circle cx="26" cy="50" r="12.5" fill="#4747d1" /> <circle cx="20" cy="40" r="12.5" fill="#4747d1" /> <circle cx="44.5" cy="40" r="12.5" fill="#4747d1" /> <circle cx="40" cy="50" r="12.5" fill="#4747d1" /> <circle cx="115" cy="30" r="12" fill="#4747d1" /> <circle cx="106" cy="50" r="12.5" fill="#4747d1" /> <circle cx="100" cy="40" r="12.5" fill="#4747d1" /> <circle cx="124.5" cy="40" r="12.5" fill="#4747d1" /> <circle cx="120" cy="50" r="12.5" fill="#4747d1" /> <circle cx="200" r="40" fill=" #FFFF0A" /> </svg> <style> body{ background:#333; margin:1em; } </style> </body> </html>