Hello World! (Branch 8083)
✨ นางสาวณัฐณิชา โล่ห์ชาวนา
<html> <head><title>อั้ม ณัฐณิชา โล่ห์ชาวนา (63070050)</title></head> <style> body{ margin:0; background:linear-gradient(#e66465, #9198e5); } svg{ width:100%; animation:colorr; animation-duration: 10s; animation-iteration-count: infinite; transition: transform 5s; } @keyframes colorr { 0% {background-color:#E66465;} 25% {background-color:#9198e5;} 50% {background-color:#E66465;} 75% {background-color:#9198e5;} } svg:hover path{ stroke:salmon; stroke-width: 0.2%; transform: scale(1.2); } </style> <body> <svg viewBox="0 0 40 40"> <pattern id="Bowxbird" viewBox="0 0 10 10" patternUnits="userSpaceOnUse" x="0" y="0" width="10"height="10"> <path stroke="#F9A825" fill="white" stroke-linejoin="square"> <animate attributeName="d" values=" M4,4, L4.5,3 L5,4 M5,4 L6,4.5 L5,5; M4,3, L4.5,3 L5,4 M5,4 L6,4.5 L6,5; M4,4, L4.5,3 L5,4 M5,4 L6,4.5 L5,5;" dur="3s" repeatCount="indefinite"/></path> </pattern> <rect fill="url(#Bowxbird)" width=100 height="100"/> <g transform="translate(8.5,9.2)"> <!-- 1 --> <path d="M2,5, L5,2, L4,5" fill="#54025a"></path> <!-- 2 --> <path d="M4,5, L5,2, L7,5" fill="#9153b8"></path> <!-- 3 --> <path d="M7,5, L5,2, L8,3" fill="#54025a"></path> <!-- 4 --> <path d="M7,5, L8,3, L11,6" fill="#9153b8"></path> <!-- 5 --> <path d="M11,6 , L8,3, L11,5" fill="#54025a"></path> <!-- 6 --> <path d="M11,6, L11,5, L14,3" fill="#54025a"></path> <!-- 7 --> <path d="M11,6 , L14,3, L15,5" fill="#9153b8"></path> <!-- 8 --> <path d="M15,5, L14,3, L16,2" fill="#54025a"></path> <!-- 9 --> <path d="M15,5, L16,2, L18,5" fill="#9153b8"></path> <!-- 10 --> <path d="M18,5 , L16,2, L20,5" fill="#54025a"></path> <!-- 11 --> <path d="M1,10 , L2,5, L4,9" fill="#75209b"></path> <!-- 12 --> <path d="M3,7, L2,5, L4,5" fill="#9153b8"></path> <!-- 13 --> <path d="M4,9 , L3,7, L4,5" fill="#54025a"></path> <!-- 14 --> <path d="M4,9 , L4,5, L7,5" fill="#54028a"></path> <!-- 15 --> <path d="M4,9 , L6.26,6, L7,8" fill="#9153b8e"></path> <!-- 16 --> <path d="M7,8, L6.26,6, L7,5" fill="#54025a"></path> <!-- 17 --> <path d="M7,8 , L7,5, L11,10" fill="#9153b8"></path> <!-- 18 --> <path d="M11,10 , L7,5, L11,6" fill="#54028a"></path> <!-- 19 --> <path d="M11,10, L11,6, L15,5" fill="#54028a"></path> <!-- 20 --> <path d="M11,10 , L15,5, L15,8" fill="#9153b8"></path> <!-- 21 --> <path d="M15,8 , L15,5 , L16,6" fill="#54025a"></path> <!-- 22 --> <path d="M15,8 , L16,6, L18,9" fill="black"></path> <!-- 23 --> <path d="M18,9 , L15,5, L18,5" fill="#54028a"></path> <!-- 24 --> <path d="M18,9 , L18,5, L19,7" fill="#54025a"></path> <!-- 25 --> <path d="M19,7 , L18,5, L20,5" fill="#9153b8"></path> <!-- 26 --> <path d="M18,9 , L20,5, L21,10" fill="#75209b"></path> <!-- 27 --> <path d="M3,15 , L1,10, L4,9" fill="#54025a"></path> <!-- 28 --> <path d="M3,15 , L4,9, L7,17" fill="#9153b8"></path> <!-- 29 --> <path d="M7,17 , L4,9, L11,19" fill="#9153b8k"></path> <!-- 30 --> <path d="M4,9 , L7,8, L11,19" fill="#54028a"></path> <!-- 31 --> <path d="M7,8 , L11,10, L9.54,15" fill="#75209b"></path> <!-- 32 --> <path d="M9.54,15 , L11,10, L11,19" fill="#9153b8"></path> <!-- 33 --> <path d="M11,19 , L11,10, L12.45,15" fill="#54025a"></path> <!-- 34 --> <path d="M12.45,15 , L11,10, L15,8" fill="#75209b"></path> <!-- 35 --> <path d="M15,8 , L18,9, L11,19" fill="#54028a"></path> <!-- 36 --> <path d="M11,19 , L18,9, L15,17" fill="w#9153b8"></path> <!-- 37 --> <path d="M15,17 , L18,9, L19,15" fill="#9153b8"></path> <!-- 38 --> <path d="M19,15 , L18,9, L21,10" fill="#54025a"></path> <!-- 39 --> <path d="M8,18.5 , L3,15, L7,17" fill="#54025a"></path> <!-- 40 --> <path d="M8,18.5 , L7,17, L11,19" fill="#9153b8"></path> <!-- 41.1--> <path d="M8,18.5 , L11,19, L11,20" fill="#54025a"></path> <!-- 41.2--> <path d="M11,20 , L11,19, L14,18.5" fill="#54025a"></path> <!-- 42 --> <path d="M11,19 , L15,17, L14,18.5" fill="#9153b8"></path> <!-- 43 --> <path d="M14,18.5 , L15,17, L19,15" fill="#54025a"></path> </g> </svg> <img src="https://cdn.discordapp.com/attachments/491962635747721228/840466323947520032/59783211_308243960094333_5120932632787419136_n.png"> </body> </html>