love
✨ นางสาวกาญจนา คล้ายหอม
<html> <head> <title><head><title>กาญจนา คล้ายหอม (59070014)</title></title> <style> body{ background:#7ac0d4; margin:0em; font-family:sans-serif; font-size: 10px; } </style> </head> <body> <!-- เขียนเว็บง่ายๆ และดูการแสดงผลด้านซ้ายมือได้เลย --> <svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <text x="40" y="57" style="fill:#7ac0d4;">I love you </text> <circle r="5" fill="#fd9d81"> <animateMotion dur="15s" repeatCount="indefinite" path="M30,40 C10,-40 170,140 160,50 C10-10 20,120 20,10 z" /> </circle> <circle r="1.5" fill="#cba3ff"> <animateMotion dur="10s" repeatCount="indefinite" path="M30,40 C10,-40 170,140 160,50 C180-50 20,120 20,10 z" /> </circle> <circle r="2" fill=" #fff5dd"> <animateMotion dur="7s" repeatCount="indefinite" path="M5,10 C5,-10 100,120 90,90 C20 -50 20,150 20,50 z" /> </circle> <circle r="3" fill="#cba3ff"> <animateMotion dur="15s" repeatCount="indefinite" path="M20,50 C20,-50 180,150 180,50 C50-50 50,150 20,50 z" /> </circle> <circle r="2" fill="#ff647b"> <animateMotion dur="4s" repeatCount="indefinite" path="M10,50 C50,-50 50,50 50,50 C50-50 20,150 20,50 z" /> </circle> <circle r="2" fill="#eaa1b4"> <animateMotion dur="4s" repeatCount="indefinite" path="M50,70 C70,-50 50,50 70,50 C70-50 20,150 20,50 z" /> </circle> <circle r="5" fill="#a6ead0"> <animateMotion dur="6s" repeatCount="indefinite" path="M20,50 C20,-50 180,150 180,50 C180-50 20,150 20,50 z" /> </circle> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 950 900"><defs><style>.cls-9{fill:#fec272;}</clipPath></defs><g class="cls-2"> <path class="cls-9" d="M655.66,159.71l3.16,6.4a2.65,2.65,0,0,0,2,1.46l7.07,1a2.67,2.67,0,0,1,1.48,4.56l-5.11,5a2.66,2.66,0,0,0-.77,2.36l1.2,7a2.67,2.67,0,0,1-3.87,2.82l-6.33-3.32a2.65,2.65,0,0,0-2.48,0l-6.33,3.32a2.67,2.67,0,0,1-3.88-2.82l1.21-7a2.66,2.66,0,0,0-.77-2.36l-5.11-5a2.67,2.67,0,0,1,1.48-4.56l7.07-1a2.65,2.65,0,0,0,2-1.46l3.16-6.4A2.68,2.68,0,0,1,655.66,159.71Z"/><path class="cls-9" d="M317.34,837l2.65,5.37a2.2,2.2,0,0,0,1.68,1.22l5.93.86a2.24,2.24,0,0,1,1.24,3.82l-4.29,4.18a2.22,2.22,0,0,0-.64,2l1,5.9a2.25,2.25,0,0,1-3.25,2.37l-5.3-2.79a2.25,2.25,0,0,0-2.08,0L309,862.7a2.24,2.24,0,0,1-3.25-2.37l1-5.9a2.26,2.26,0,0,0-.65-2l-4.28-4.18a2.24,2.24,0,0,1,1.24-3.82l5.92-.86a2.23,2.23,0,0,0,1.69-1.22l2.65-5.37A2.24,2.24,0,0,1,317.34,837Z"/></svg> <circle cx="48" cy="25" r="20" fill="#dbb550" /> <circle cx="50" cy="25" r="20" fill="#fed75d" /> <circle cx="35" cy="26" r="1" fill="#dbb550" /> <circle cx="37" cy="15" r="1" fill="#dbb550" /> <circle cx="40" cy="20" r="1" fill="#dbb550" /> <circle cx="20" cy="110" r="1.7" fill=" #a6d0ff" /> <circle cx="20" cy="110" r="1" fill=" #fff5dd" /> <circle cx="80" cy="40" r="1.5" fill=" #a6d0ff" /> <circle cx="100" cy="105" r="1.5" fill=" #a6d0ff" /> <circle cx="95" cy="76" r="1" fill=" #fff5dd" /> <circle cx="4" cy="80" r="2" fill=" #fff5dd" /> <circle cx="10" cy="25" r="3" fill=" #a6d0ff" /> <circle cx="10" cy="25" r="2" fill=" #fff5dd" /> <circle cx="92" cy="25" r="3" fill=" #a6d0ff" /> <circle cx="92" cy="25" r="2" fill=" #fff5dd" /> <circle cx="100" cy="40" r="1" fill=" #e8f0ac" /> <circle cx="20" cy="40" r="1" fill=" #e8f0ac" /> <ellipse transform="rotate(30)"" cx="40" cy="1" rx="3" ry="4" fill="#dbb550" /> </*circle cx="100" cy="100" r="35" fill=" #b9ecae" */> <circle cx="100" cy="65" r="5" fill=" #F9E29C" /> <circle cx="106" cy="65" r="3" fill=" #F9E29C" /> <circle cx="94" cy="65" r="3" fill=" #F9E29C" /> <circle cx="104" cy="90" r="5" fill=" #F9E29C" /> <circle cx="98" cy="91" r="3" fill=" #F9E29C" /> <circle cx="109" cy="91" r="3" fill=" #F9E29C" /> <circle cx="80" cy="110" r="5" fill=" #F9E29C" /> <circle cx="74" cy="111" r="3" fill=" #F9E29C" /> <circle cx="85" cy="111" r="3" fill=" #F9E29C" /> <polygon points="5,50 10,50 10,45 15,55" fill=" #f2b8b8"/> <polygon points="10,100 20,100 20,90 30,110" fill=" #f2b8b8"/> <svg viewBox="0 0 40 40"> <polygon points=" 25,20 25,25 20,25 " fill="#D21F3C " /> <polygon points=" 15,20 20,25 15,30 " fill=" #960019" /> <polygon points=" 25,30 30,30 25,25 " fill="#B22222 " /> <polygon points=" 25,30 15,30 25,25 " fill="#FA8072" /> <polygon points=" 20,30 25,25 20,25 " fill=" #960019" /> <polygon points=" 25,20 25,25 30,25 " fill="#C21807 " /> <polygon points=" 30,30 25,25 30,25 " fill=" #960019" /> <polygon points=" 20,25 15,30 20,30 " fill="#CA3433" /> <polygon points=" 20,39 15,30 20,30 " fill=" #960019" /> <polygon points=" 20,39 15,30 10,30 " fill=" #CD5C5C" /> <polygon points=" 20,39 25,30 20,30 " fill=" #C21807 " /> <polygon points=" 20,39 30,30 25,30 " fill="#FA8072" /> <polygon points=" 15,25 15,30 10,30 " fill="#D21F3C " /> <polygon points=" 10,25 15,25 10,30 " fill="#B22222" /> <polygon points=" 10,25 15,20 15,25 " fill="#FA8072" /> </svg> </svg> </svg> <script> window.onclick = myFunction; function myFunction() { document.getElementsByTagName("BODY")[0].style.backgroundColor = " #ff647b"; } </script> </svg> </svg> </body> </html>