SVG Bear (Copy 5714) (Copy 5815)
✨ นายธนเดช แซ่ฉั่ว
<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"> <rect fill="red" width="40" height="40" y="0" opacity="1"> <animate attributeName="opacity" values="1;0;1" dur="6s" repeatCount="indefinite"/> </rect> <circle cx="10" cy="14" fill="#FAD000" r="4"></circle> <circle cx="10" cy="14" fill="#FAD749" r="3"></circle> <svg x="20"> <circle cx="10" cy="14" fill="#FAD000" r="4"></circle> <circle cx="10" cy="14" fill="#FAD749" r="3"></circle> </svg> <svg> <circle cx="20" cy="22" r="12" fill="#FAD000" /> <circle cx="20" cy="22" r="11" fill="#FAD749" /> <ellipse cx="20" cy="26" rx="14" ry="9" fill="#FAD749" /> </svg> <svg> <ellipse cx="15" cy="21" fill="grey" rx="1" ry="1.5"></ellipse> <ellipse cx="15" cy="21" fill="black" rx="0.9" ry="1.4"></ellipse> <ellipse cx="25" cy="21" fill="grey" rx="1" ry="1.5"></ellipse> <ellipse cx="25" cy="21" fill="black" rx="0.9" ry="1.4"></ellipse> </svg> <svg> <ellipse cx="20" cy="25.3" fill="hsl(30,70%,30%)" rx="2.7" ry="1.8"> <animate attributeName="rx" values="2.5;3;4;3;2.5" dur="2s" repeatCount="indefinite" /> </ellipse> </svg> <svg> <ellipse cx="20" cy="31" fill="red" rx="3.4" ry="1.9"> <animate attributeName="fill" values="black;red;black" dur="6s" repeatCount="indefinite" /> </ellipse> </svg> <!-- 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>