63070073
✨ นายธนเดช แซ่ฉั่ว
<html> <head><title>ตี๋ ธนเดช แซ่ฉั่ว(63070073)</title></head> <style> body{ margin:0; } svg{ background:#006994; width:100%; } .bubble { width: 3em; height: 3em; position: absolute; border-radius: 100%; background-color: #ffffff; opacity:0.2; animation: t 4s ease infinite; box-shadow: 0px 0px 4px #00000018; } .s{ font-size: 0.5em; } .m { font-size: 1em; } .l { font-size: 2em; } @keyframes t { from{transform: scale(1); opacity:0.5;} to{transform: scale(1.4) translateY(-200px); opacity:0} } </style> <body> <div class="bubble s" style="top:90%;left:50%"></div> <div class="bubble m" style="top:50%;left:90%"></div> <div class="bubble l" style="top:100%;left:10%"></div> <div class="bubble s" style="top:40%;left:20%"></div> <div class="bubble m" style="top:40%;left:50%"></div> <div class="bubble l" style="top:85%;left:90%"></div> <div class="bubble m" style="top:60%;left:1%"></div> <svg viewBox="0 0 100 100"> <svg> <animate attributeName="y" values="0;2;0;-1;0" dur="8s" repeatCount="indefinite" /> <path stroke="#215080" fill="transparent" stroke-width="2" d=" m-7,15 q5,-10 10,0 t10,0 t10,0 t10,0 t10,0 t10,0 t10,0 t10,0 t10,0 t10,0 t10,0 t10,0 " ></path></svg> <svg> <g transform="translate(0,20)"> <!--หัว--> <g transform="translate(30,50)"> <path stroke="#f00" stroke-width="0" fill="#CABCA0" d="m0 0 v5 l-2.5,-1.25"/> <path stroke="#f00" stroke-width="0" fill="#A99678" d="m0 0 v5 l6,-3"/> <path stroke="#f00" stroke-width="0" fill="#F0DCBB" d="m-2.5 4 v-8 l2.5,4"/> <path stroke="#f00" stroke-width="0" fill="#8D8167" d="m0 5 l10,0 l-4,-3"/> <path stroke="#f00" stroke-width="0" fill="#EFCBA7" d="m6 2 l-8.5,-6 l2,4"/> <path stroke="#f00" stroke-width="0" fill="#D2BA98" d="m-2.5 -4 l9,0 l-0.5,6"/> <path stroke="#f00" stroke-width="0" fill="#AB9C7F" d="m6 2 l7,-3.5 l-7,-2.5"/> <path stroke="#f00" stroke-width="0" fill="#A7967A" d="m10 5 l6,-3 l-1,-1 l-9,1"/> <path stroke="#f00" stroke-width="0" fill="#8F8369" d="m15 1 l-9,1 l7,-3.5"/> <path stroke="#f00" stroke-width="0" fill="#E3C8AB" d="m-2 -4 l6,-3 l1,1 l1.5,2"/> <path stroke="#f00" stroke-width="0" fill="#FBD8C2" d="m-2.5 -3.5 l3,-5, l3.5,1.7"/> <path stroke="#f00" stroke-width="0" fill="#908567" d="m4 -7 l2.5,3.5 l6.6,2.3 l-3,-4"/> </g> <g transform="translate(51,39)"> <polygon points="-19,9 -19,7.5 -17,8" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-20,10 -21,11 -20,11" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-21,8 -20,8 -19.5,9" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-15.5,10.5 -15.5,8 -17.5,9.5" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-15.5,12.5 -15.5,11 -16.5,11.5" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-17,12 -18,11 -19,11.5" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-22.5,9 -22.5,8 -21,9" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-14.5,11.5 -13,11 -14,10" style="fill:#5C472A;stroke:#f00;stroke-width:0" /> <polygon points="-10,9.5 -12,11 -13,10" style="fill:#614931;stroke:#f00;stroke-width:0" /> <polygon points="-14.5,8 -12,8.7 -15,10" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-10,12 -12,12 -10,11" style="fill:#44341D;stroke:#f00;stroke-width:0" /> <polygon points="-8,11.5 -9,12 -9,11" style="fill:#44341D;stroke:#f00;stroke-width:0" /> <polygon points="-17,5 -16,6 -18,6" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-20,7 -21,6.5 -19,6" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-21,4.5 -22,6 -21,6" style="fill:#895F49;stroke:#f00;stroke-width:0" /> <polygon points="-17.5,4.5 -20,5 -19,4" style="fill:#895F49;stroke:#f00;stroke-width:0" /> <polygon points="-14,5 -14,7 -15,6" style="fill:#6D5B43;stroke:#f00;stroke-width:0" /> <polygon points="-12,6 -11,7.9 -13,7" style="fill:#6D5B43;stroke:#f00;stroke-width:0" /> </g> <!--กระดอง--> <g transform="translate(29,35)"> <path stroke="#f00" stroke-width="0" fill="#963431" d="m-1 6 l0,-2 l11,5.5"/> <path stroke="#f00" stroke-width="0" fill="#B15E56" d="m-1 4 l9,-8 l3,14.1"/> <path stroke="#f00" stroke-width="0" fill="#CF7A77" d="m8 -4 l22,4.8 l-19,9"/> <path stroke="#f00" stroke-width="0" fill="#5B2F26" d="m10 9 l8,9.2 l3,0"/> <path stroke="#f00" stroke-width="0" fill="#7B372E" d="m10.5 9.5 l22,5 l-12.1,3.8"/> <path stroke="#f00" stroke-width="0" fill="#903834" d="m10.5 9.5 l22,5 l-3,-13.9"/> <path stroke="#f00" stroke-width="0" fill="#79372B" d="m32.5 14.5 l6,-3 l-9,-11"/> <path stroke="#f00" stroke-width="0" fill="#903834" d="m38.5 11.6 l0,-13 l-9,2"/> <path stroke="#f00" stroke-width="0" fill="#DF8E8A" d="m8 -4 l13,-3 l8,7.6"/> <path stroke="#f00" stroke-width="0" fill="#C36269" d="m21 -7 l17.2,5.6 l-9,2.1"/> </g> <!--บนซ้าย--> <g id="turtle" transform="translate(29,35)"> <path stroke="#f00" stroke-width="0" fill="#AD9879" d="m0 3 l-3,-1 l11,-6"/> <path stroke="#f00" stroke-width="0" fill="#CAB892" d="m-3 2 l3,-10 l6,5"/> <path stroke="#f00" stroke-width="0" fill="#DCCDAC" d="m0 -8 l12,-3 l-6,8"/> </g> <g transform="translate(45,23.5)"> <polygon points="-17,12 -15.5,9 -17.5,10" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-15,13 -16,14 -16.5,12.5" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-14,13 -13,12 -13.5,11" style="fill:#5C472A;stroke:#f00;stroke-width:0" /> <polygon points="-10,9.5 -12,11 -13,10" style="fill:#614931;stroke:#f00;stroke-width:0" /> <polygon points="-14.5,8 -12,8.7 -15,10" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-14,6 -16,7 -16,6" style="fill:#6D5B43;stroke:#f00;stroke-width:0" /> <polygon points="-9,6 -10,7.9 -11,7" style="fill:#6D5B43;stroke:#f00;stroke-width:0" /> <polygon points="-9,2 -9,4 -11,5" style="fill:#6D5B43;stroke:#f00;stroke-width:0" /> <polygon points="-6,2 -7,4 -8,3" style="fill:#6D5B43;stroke:#f00;stroke-width:0" /> <polygon points="-14,4 -12,3 -13,5" style="fill:#6D5B43;stroke:#f00;stroke-width:0" /> <polygon points="-10,5 -10,6 -12,6" style="fill:#6D5B43;stroke:#f00;stroke-width:0" /> </g> <!--บนขวา--> <g transform="translate(65,28)"> <path stroke="#f00" stroke-width="0" fill="#8B8166" d="m0 5 l-2,-3 l-10,-1"/> <path stroke="#f00" stroke-width="0" fill="#AD987D" d="m-2 2 l1,-4 l-10,3.1"/> </g> <!--ล่างขวา--> <g transform="translate(67.5,33)"> <path stroke="#f00" stroke-width="0" fill="#A7967C" d="m0 5 l3,2 l-3,5"/> <path stroke="#f00" stroke-width="0" fill="#CDBA9C" d="m3 7 l8,0 l-11,5"/> </g> <!--ล่างซ้าย--> <g transform="translate(51,47.7)"> <path stroke="#f00" stroke-width="0" fill="#8E7F68" d="m0 5 l10,-1 l0,-2"/> <path stroke="#f00" stroke-width="0" fill="#A4927C" d="m0 5 l0,3 l10,-4"/> <path stroke="#f00" stroke-width="0" fill="#CDBD99" d="m0 8 l10,-4 l-2,6"/> <path stroke="#f00" stroke-width="0" fill="#DDC3A2" d="m10 4 l15,2 l-17,4"/> </g> <g transform="translate(72,43)"> <polygon points="-20,12 -18,11 -19,10" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-15,12 -16,13 -17,12" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-14,13 -13,12 -13.5,11" style="fill:#5C472A;stroke:#f00;stroke-width:0" /> <polygon points="-12,9.5 -12,11 -13,10" style="fill:#614931;stroke:#f00;stroke-width:0" /> <polygon points="-14,8 -13,9.5 -18,10" style="fill:#805239;stroke:#f00;stroke-width:0" /> <polygon points="-7,10 -9,11 -10,10" style="fill:#99654D;stroke:#f00;stroke-width:0" /> <polygon points="-6,12.5 -12,14 -11,12" style="fill:#99654D;stroke:#f00;stroke-width:0" /> <polygon points="-4,12 -7,12 -5,11" style="fill:#614931;stroke:#f00;stroke-width:0" /> <polygon points="-4,12 -7,12 -5,11" style="fill:#99654D;stroke:#f00;stroke-width:0" /> <polygon points="1,11 -3,12 -2,10.5" style="fill:#99654D;stroke:#f00;stroke-width:0" /> </g> <!--ตา--> <g> <circle cx="38" cy="52.5" fill="white" r="1.5"></circle> <circle cx="38" cy="52.5" fill="#black" r="1.2"></circle> </g> </g> </svg> </svg> <img src="https://cdn.discordapp.com/attachments/806902125610270764/840498466206646272/turtle.jpg"> </body> </html>