บีเค-อภิบุญ 63070184
✨ นายอภิบุญ สมศรี
<html> <head> <title>Let's Start </title> <style> body{ background:#f1f6ff; margin:1rem; text-align:center; font-family:sans-serif; } svg{ background:white; box-shadow:0 0 20px #0001; width:80%; } </style> </head> <body> <svg viewBox="0 0 100 100"> <!-- สร้าง pattern --> <defs> <pattern id="mangosteen" viewBox="0,0,8,8" width="10%" height="10%"> <rect width="10" height="10" fill="#B388FF"> </rect> <path d="m4,2.5 v-2" fill="black" stroke="black" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"> </path> <circle r="2" cx="4" cy="4" fill="#673AB7"> <animateTransform attributeName="transform" type="translate" from="0 5 3" to="0 6" dur="2s" repeatCount="indefinite"/> </circle> <ellipse rx="1.5" ry="1" cx="2.5" cy="2" fill="#00695C"/> <ellipse rx="1.5" ry="1" cx="5.5" cy="2" fill="#00695C"/> </pattern> <pattern id="orange" viewBox="0,0,8,8" width="10%" height="10%"> <rect width="8" height="8" fill="#FDD835"> </rect> <path d="m4,2 v-2" fill="black" stroke="black" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/> <circle r="2" cx="4" cy="3" fill="#FF9800"/> <ellipse rx="1.5" ry="1" cx="5.5" cy="1" fill="#2E7D32"/> <circle r="0.5" cx="8" cy="8" fill="#fff"/> <circle r="0.5" cx="8" cy="0" fill="#fff"/> <circle r="0.5" cx="0" cy="8" fill="#fff"/> <circle r="0.5" cx="0" cy="0" fill="#fff"/> </pattern> <pattern id="cherry" viewBox="0,0,8,8" width="10%" height="10%"> <rect width="10" height="10" fill="#F06292"></rect> <path d="m8,6.5 v-1.3" fill="black" stroke="black" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/> <circle r="1.5" cx="8" cy="8" fill="#D2042D"/> <circle r="1.5" cx="8" cy="0" fill="#D2042D"/> <circle r="1.5" cx="0" cy="8" fill="#D2042D"/> <circle r="1.5" cx="0" cy="0" fill="#D2042D"/> <ellipse rx="1" ry="0.6" cx="1" cy="6" fill="#00695C"/> <circle r="0.3" cx="4" cy="3" fill="#fff"/> <circle r="0.3" cx="7" cy="4.5" fill="#FFEE58"/> </pattern> </defs> <!-- ใช้ pattern --> <rect width="100" height="100" fill="url(#mangosteen)"/> <circle r="50" cx="100" cy="100" fill="url(#orange)"/> <circle r="50" cx="0" cy="0" fill="url(#cherry)"/> </svg> </body> </html>