63070036
✨ นายชินทัศน์ พรหมมี
<html> <head><title>ชิน ชินทัศน์ พรหมมี (63070036)</title></head> <style> body{ background-color:#e3e3e3; margin:0; text-align:center; } svg{ width:100%; } </style> <body> <svg viewBox="0 0 100 100" > --- ผลงานของคุณ --- ---bg color--- <path d="m0 90 l0 -70 l6000 100z" fill="#4a71d4" /> <path d="m0 32 l0 -100 l500 100z" fill="#aecefc"></path> <path d="m0 50 l0 100 l500 100z" fill="#13307d"></path> <path d="m0 100 l0 -50 l 200 100 z" fill="#12234f"></path> ---light--- <path d="m0 20 l0 -2 l180 100z" fill="#fff"> <animate attributeName="opacity" values="0;1;0" dur="3.5" repeatCount="indefinite"/></path> <path d="m0 0 l0 -2 l180 100z" fill="#fff"> <animate attributeName="opacity" values="0.2;0;0.5" dur="2" repeatCount="indefinite"/></path> <path d="m10 0 l0 -2 l180 100z" fill="#fbfcd7"> <animate attributeName="opacity" values="0.2;0.2;0.8" dur="4" repeatCount="indefinite"/></path> <path d="m0 30 l0 -2 l200 100z" fill="#fbfcd7"> <animate attributeName="opacity" values="0.6;0;0.1" dur="3" repeatCount="indefinite"/></path> ---shadow--- <path d="m25 53 l63 100 l 300 100"> <animate attributeName="opacity" values="0;0.2;0" dur="3" repeatCount="indefinite"/></path> <path d="m30 53 l63 100 l 300 100"> <animate attributeName="opacity" values="0;0.5;0" dur="3" repeatCount="indefinite"/></path> <path d="m50 54 l-6 100 l 300 0"> <animate attributeName="opacity" values="0;0.4;0" dur="3" repeatCount="indefinite"/></path> <path d="m50 45 l103 5 l4 100" > <animate attributeName="opacity" values="0;0.6;0" dur="3" repeatCount="indefinite"/></path> <path d="m5 30 l200 1 l6 3" fill="#5683c7"> <animate attributeName="opacity" values="0;0.6;0" dur="5" repeatCount="indefinite"/></path> <path d="m7 65 l180 6 l-3 1" fill="#5683c7"> <animate attributeName="opacity" values="0;0.6;0" dur="2" repeatCount="indefinite"/></path> ---back fin--- <path d="m46.1 59 l4.8 1.2 l-1 2 l-2.5 -0 z" fill="#1e1a2b"> <animate attributeName="d" values="m46.1 59 l4.8 1.2 l-1 2 l-2.5 -0 z; m46.1 59 l5.8 1.2 l-1 2 l-2.5 -0 z; m46.1 59 l4.8 1.2 l-1 2 l-2.5 -0 z" dur="3" repeatCount="indefinite"/></path> <path d="m45 59 l4.8 -0.8 l1 2z" fill="#2a2430"> <animate attributeName="d" values="m45 59 l4.8 -0.8 l1 2z; m45 59 l6 -0.8 l1 2z; m45 59 l4.8 -0.8 l1 2z" dur="3" repeatCount="indefinite"/></path> <path d="m45 59.8 l1.4 -1 l 1.6 3z" fill="#262529"/> ---head--- <polygon points="63,47 57,57 58,55 62,51 " style="fill:#ebe4e4;stroke:#ebe4e4;stroke-width:1"/> <polygon points="32,54.6 35,53.5 38.6,56.1 37.9,57 31.6,56.4 " style="fill:#ebe4e4;stroke:#ebe4e4;stroke-width:1"/> <path d="m25.2 52 l6 5 l4 -4 z" fill="#d6d6d6" /> <path d="m25 53 l4 -3.8 l7 4 z" fill="#3d3a3a" /> <path d="m26.4 53 l5 -3 l2.5 3.4" fill="#878484"/> <path d="m33 47 l10 -4 l 3 3 z" fill="#262626"/> <path d="m43 43 l-10 4 l2.5 2 z" fill="#595959"/> <path d="m36.9 49 l9.5 8.7 l-5 4.5 z" fill="#20222b"/> <path d="m28.5 49.5 l 4 -2 l-2 3.3 z" fill="#474747" /> <path d="m33 46.9 l 3.5 -1 l -6.2 4 z" fill="#434543"/> <path d="m32.5 47.3 l-2.4 3.6 l9 -3 z" fill="#2a2b2a" /> <path d="m33.5 52 l-1.5 1.6 l 7 -1 z" fill="#302b2b"/> <path d="m37.5 50.6 l-4 1.5 l 7 5 z" fill=""/> <path d="m30.8 50.9 l3 1 l -1.5 1.5 z" fill="" /> <path d="m33 47 l5.5 6 l 6 -7 z" fill="#221d38"/> ---center fin--- <path d="m56 30 l-8 5.5 l4.9 1 z" fill ="#2b2b2b"/> <path d="m53.5 43 l-0.5 -7 l-5 -0.5 z" fill="#141414"/> <path d="m48 35.5 l-4.5 7.5 l9.5 -1 z" fill="black"/> ---body--- <path d="m43 43 l9.6 -1 l-15 9.5z" fill="#242329"/> <path d="m52.9 41.8 l-15 9 l14 -1z" fill="#39393b"/> <path d="m52.9 41.5 l6.9 1 l-8.8 6.8 z" fill="#1e1f21"/> <path d="m37 50.5 l14.2 -2 l5.2 8.5 z" fill="#211f24"/> <path d="m36.9 49.5 l18.9 7 l-10 2z" fill="#2f2f33"/> <path d="m46 59 l0.5 -1 l9 -1.1 z" fill="#ebebeb"/> <path d="m51.3 49 l8.3 -6.4 l-3 15z" fill="#3e3e40"/> <path d="m59.6 42.6 l3.5 4.1 l-6.8 10 z" fill="#161824"/> <path d="m59.4 42.4 l5.3 7.6 l11.9 -5.6z" fill="#2a2a3b"/> <path d="m63.3 47.5 l-1 3.7 l2.4 -1.5z" fill="#1f172e"/> <path d="m57 57 l10 -6 l9 -6.5 l-13.5 6z" fill="#fff"> <animate attributeName="d" values="m57 57 l10 -6 l9 -6.5 l-13.5 6z; m57 57 l10 -6 l9 -6.5 l-13.5 6z; m57 57 l10 -6 l9 -6.5 l-13.5 6z" dur="3" repeatCount="indefinite"/></path> ---tail--- <path d="m59 42.4 l14 -1.3 l2.6 3.6 z" fill="#241130"> <animate attributeName="d" values="m59 42.4 l14 -1.3 l2.6 3.6 z; m59 42.4 l14 -1.3 l2.6 4 z; m59 42.4 l14 -1.3 l2.6 3.6 z" dur="3" repeatCount="indefinite"/> </path> <path d="m72.7 41.1 l9 0 l5 3z" fill=""> <animate attributeName="d" values="m72.7 41.1 l9 0 l5 3z; m72.7 41.1 l10 0 l5 3z; m72.7 41.1 l9 0 l5 3z" dur="3.6" repeatCount="indefinite"/> </path> <path d="m73 41 l2 4 l6 -2.2" fill="#242126"> <animate attributeName="d" values="m73 41 l2 4 l6 -2.2; m73 41 l2 3 l6 -2.2; m73 41 l2 4 l6 -2.2" dur="4" repeatCount="indefinite"/> </path> <path d="m81.7 41.1 l6.2 2.3 l-1 2 l z" fill="#626063"/> <path d="m87.9 43.4 l-1 2 l6 1 z" fill="#1f1b21"> <animate attributeName="d" values="m87.9 43.4 l-1 2 l6 1 z; m87.9 43.4 l-1 2 l6 -1 z; m87.9 43.4 l-1 2 l6 1 z" dur="3" repeatCount="indefinite"/> </path> <path d="m81.7 41.1 l4 -1 l3.5 4z" fill="#23212e"> <animate attributeName="d" values="m81.7 41.1 l4 -1 l3.5 4z; m81.7 41.1 l4 -1.5 l3.5 6z; m81.7 41.1 l4 -1 l3.5 4z" dur="2" repeatCount="indefinite"/> </path> <path d="m81.7 41.1 l5.5 -3.9 l-1 3z" fill="#0f0c24"> <animate attributeName="d" values="m81.7 41.1 l5.5 -3.9 l-1 3z; m81.7 41.1 l5.5 -4 l-0.9 3z; m81.7 41.1 l5.5 -3.9 l-1 3z" dur="4" repeatCount="indefinite"/> </path> <path d="m86.5 39.3 l0.7 -2.3 l2.9 -0.7z" fill="#322685"> <animate attributeName="d" values="m86.5 39.3 l0.7 -2.3 l2.9 -0.7z; m86.5 39.2 l0.5 -2.3 l2.4 -0.7z; m86.5 39.3 l0.7 -2.3 l2.9 -0.7z" dur="1.5" repeatCount="indefinite"/> </path> ---front fin--- <path d="m38 58 l8 4 l-6 1 z" fill="#2a2b2a"> <animate attributeName="d" values="m38 58 l8 4 l-6 1 z; m38 58 l8 4 l-6 1 z; m38 58 l8 4 l-6 1 z" dur="3" repeatCount="indefinite"/> </path> <path d="m39.2 62 l7 0 l-1 5 z" fill="#171030"> <animate attributeName="d" values="m39.2 62 l7 0 l-1 5 z; m39.2 62 l7 -0.5 l-1 5 z; m39.2 62 l7 0 l-1 5 z" dur="3" repeatCount="indefinite"/> </path> <path d="m46 63 l2 1 l -0.6 3.1 z" fill="#3d3d3b"> <animate attributeName="d" values="m46 63 l2 1 l -0.6 3.1 z; m46 63 l2 1 l 0 3.1 z; m46 63 l2 1 l -0.6 3.1 z" dur="3" repeatCount="indefinite"/> </path> <path d="m46 63 l-1 3.5 l 2.7 1 z" fill="#282840" > <animate attributeName="d" values="m46 63 l-1 3.5 l 2.7 1 z; m46 63 l-1 3.5 l 3 1 z; m46 63 l-1 3.5 l 2.7 1 z" dur="3" repeatCount="indefinite"/> </path> <path d="m37.9 57.9 l7 0.5 l0.6 4 z" fill="#191821" > <animate attributeName="d" values="m37.9 57.9 l7 0.5 l0.6 4 z; m37.9 57.9 l6 0.5 l2 4 z; m37.9 57.9 l7 0.5 l0.6 4 z" dur="3" repeatCount="indefinite"/> </path> <path d="m38 57.9 l1 -1.8 l6 2.6 z" fill="#29252e"> <animate attributeName="d" values="m38 57.9 l1 -1.8 l6 2.6 z; m38 57.9 l1 -1.8 l4 2.6 z; m38 57.9 l1 -1.8 l6 2.6 z" dur="3" repeatCount="indefinite"/> </path> ---eye--- <path d="m30.1 50.8 l4.8 -1.53 l4.9 1.1 z" fill="#fcf7f7"> <animate attributeName="fill" values="#fcf7f7;#333536;#333536;#fcf7f7" dur="3" repeatCount="indefinite"/> </path> <path d="m30.1 50.8 l3.9 1 l4.9 -1.5 z" fill="#ffffff"> <animate attributeName="fill" values="#ffffff;#d7dcde;#333536;#ffffff" dur="3" repeatCount="indefinite"/> </path> ---effect--- <path d="m5 67 l20 0 l9 2z" fill="#a2c8db"> <animate attributeName="d" values="m5 67 l20 0 l9 2z; m50 67 l20 0 l9 2z; m70 67 l20 0 l9 2z" dur="3" repeatCount="indefinite"/> <animate attributeName="opacity" values="0;1;0;1" dur="3" repeatCount="indefinite"/></path> <path d="m5 40 l18 0 l8 -2" fill="#406eb8"> <animate attributeName="d" values="m5 40 l18 0 l8 -2; m5 50 l18 0 l8 -2; m60 40 l18 0 l8 -2" dur="3" repeatCount="indefinite"/> <animate attributeName="opacity" values="0;1;0;1" dur="3" repeatCount="indefinite"/></path> <path d="m5 30 l18 0 l8 -2" fill="#c5cdd9"> <animate attributeName="d" values="m5 40 l18 0 l8 -2; m5 80 l18 0 l8 -2; m60 40 l18 0 l8 -2" dur="3" repeatCount="indefinite"/> <animate attributeName="opacity" values="0;1;0.5" dur="3" repeatCount="indefinite"/></path> <path d="m5 80 l17 0 l5 -2" fill="#c5cdd9"> <animate attributeName="d" values="m5 80 l17 0 l5 -2; m50 60 l17 0 l5 -2; m70 60 l17 0 l5 -2" dur="2" repeatCount="indefinite"/></path> </svg> <img src="https://www.creativefabrica.com/wp-content/uploads/2020/10/14/1602659465/Orca-Whale-580x386.jpg"> </body> </html>