Hello World! (Copy 8232)
✨ Pimmada Krunsungnoen
<html> <head><title>พิมพ์มาดา กรุ่นสูงเนิน 63070120</title></head> <style> body{ background:#eee; margin:0; animation:sky 18s linear infinite alternate; } @keyframes sky{ 0%{background: #FFC0CB} 50%{background: #FFA07A} 80%{background: #191970} 100%{background: #FFA07A} } @keyframes hid{ 10%{opacity: .50;} 100%{opacity: .0;} } svg{ width:100%; } .flower:hover{ animation:hid 1s linear infinite alternate; cursor: pointer; } </style> <body> <svg viewBox="0 0 200 200"> <!-- Code Here --> <circle cx="100" cy="100" fill="white" r="70"> <animate attributeName="fill" values="#FFA07A;#FF4500;#FFD700" dur="20s" repeatCount="indefinite"/> <animate attributeName="cy" values="40;100;200" dur="15s" repeatCount="indefinite"/> </circle> <g class="flower"> <circle cx="52" cy="59" r="2" fill="#DB7093"/> <circle cx="48" cy="59" r="2" fill="#DB7093"/> <circle cx="50" cy="57" r="2" fill="#CD5C5C"/> <circle cx="50" cy="61" r="2" fill="#CD5C5C"/> <circle cx="50" cy="59" r="2" fill="#8B0000"/> <circle cx="78" cy="80" r="3" fill="#DB7093"/> <circle cx="82" cy="80" r="3" fill="#DB7093"/> <circle cx="80" cy="78" r="3" fill="#CD5C5C"/> <circle cx="80" cy="82" r="3" fill="#CD5C5C"/> <circle cx="80" cy="80" r="3" fill="#8B0000"/> <circle cx="108" cy="110" r="4" fill="#DB7093"/> <circle cx="112" cy="110" r="4" fill="#DB7093"/> <circle cx="110" cy="108" r="4" fill="#CD5C5C"/> <circle cx="110" cy="112" r="4" fill="#CD5C5C"/> <circle cx="110" cy="110" r="4" fill="#8B0000"/> </g> <!-- tree1 --> <path d="M44,37 L53.5,43" /> <path d="M53,43 L59,42" /> <path d="M59,42 L62,39" /> <path d="M10,10 L8,12 L20,13" fill="#F0E68C"/> <path d="M8,12 L20,13 L6,15" fill="#BDB76B"/> <path d="M8,12 L3,13 L4,20" fill="#EEE8AA"/> <path d="M6.6,14.85 L11,13.75 L15,20 L4,20" fill="#98AB6C" /> <path d="M11,13.75 L20,13 L15,20" fill="#EEE8AA" /> <path d="M4,20 L12,25 L15,20" fill="#EEE8AA" /> <path d="M4,20 L14,34 L12,25" fill="#F0E68C" /> <path d="M4,20 L14,34 L4,28" fill="#EEE8AA" /> <path d="M15,20 L20,13 L25,16" fill="#E7E1A5" /> <path d="M12,25 L15,20 L25,30" fill="#DEB887" /> <path d="M15,20 L25,16 L25,30" fill="#FAFAD2" /> <path d="M12,25 L14,34 L25,30" fill="#D2B48C"/> <path d="M25,16 L25,30 L50,30" fill="#AED98C"/> <path d="M25,30 L14,34 L57,39 L50,30" fill="#98BE7A"/> <path d="M45,37.5 L62,39 L59,42 L53,43" fill="#9D9D00"/> <!-- tree1.1 --> <path d="M20,34.5 L23,35 L35,50 L33,53" fill="#563E13" /> <path d="M40,37 L42,37.25 L35,57 L33,53" fill="#6A4D17" /> <path d="M33,53 L35,57 L32,68 L28,68" fill="#78571A" /> <path d="M32,68 L28,68 L33,78 L36,79" fill="#89631E" /> <path d="M32,68 L32,68 L33,78 L38,80" fill="#906820" /> <path d="M33,78 L31,90 L36,93 L38,80" fill="#805C1C" /> <path d="M38,80 L36,93 L43,90"fill="#906820" /> <!-- tree1.1 --> <!-- glass --> <path d="M31.5,87 L23,89 L31,90" fill="#3CB371" /> <path d="M23,89 L31,90 L36,93 L29,95"fill="#228B22"/> <path d="M29,95 L36,93 L44,96 L39,98"fill="#90EE90"/> <path d="M36,93 L43,90 L50,90 L44,96" fill="#228B22"/> <path d="M41,86 L43,90 L50,90 L49,87" fill="#3CB371"/> <!-- glass --> <!--rock --> <path d="M23,89 L29,95 L32,108 L20,110" fill="#D3D3D3"/> <path d="M29,95, L32,108 L40,105 L39,98" fill="#C0C0C0"/> <path d="M39,98 L40,105 L44,104 L44,96" fill="#A9A9A9"/> <path d="M44,96 L44,104 L49,101" fill="#C0C0C0"/> <path d="M44,96 L50,90 L49,101" fill="#808080"/> <path d="M44,104 L44,110 L49,101" fill="#708090"/> <path d="M40,105 L40,120 L46,119 L44,110 L44,104"fill="#A9A9A9"/> <path d="M44,110 L46,119 L53,113 L46,106" fill="#808080"/> <path d="M46,106 L53,106 L53,113" fill="#696969"/> <path d="M53,106 L53,113 L60,115 L60,107" fill="#808080"/> <path d="M50,90 L49,101 L46,106 L53,106 L60,107 L65,104 L65,90" fill="#228B22"/> <path d="M60,107 L60,115 L65,113 L65,104" fill="#A9A9A9"/> <path d="M20,110 L15,118 L25,117 L34,115 L32,108"fill="#C0C0C0"/> <path d="M32,108 L35,118 L40,120 L40,105" fill="#A9A9A9"/> <path d="M25,117 L28,122 L35,118 L34,115" fill="#808080"/> <path d="M15,118 L13,120 L18,122 L28,122 L25,117"fill="#A9A9A9"/> <path d="M2,140 L0,200 L100,200" fill="#696969"/> <!--glass2 --> <path d="M21,105 L8,120 L13,120 L15,118 L20,110"fill="#006400"/> <path d="M8,120 L13,125 L18,122 L13,120"fill="#2E8B57"/> <path d="M18,122 L24,125 L28,122"fill="#228B22"/> <path d="M28,122 L40,120 L35,118"fill="#228B22"/> <path d="M18,122 L13,125 L28,130 L46,128 L46,125 L40,120 L28,122 L24,125"fill="#90EE90"/> <path d="M40,120 L46,125 L60,115 L53,113 L46,119"fill="#228B22"/> <path d="M46,125 L46,128 L73,119 L69,116 L69,110 L65,109 L60,115"fill="#3CB371"/>/> <!--glass2--> <!-- rock2 --> <path d="M8,120 L7,125 L17,130 L13,125"fill="#778899"/> <path d="M13,125 L17,130 L28,130"fill="#708090"/> <path d="M7,125 L17,130 L10,145"fill="#677584"/> <path d="M7,125 L4,130 L10,145"fill="#778899"/> <path d="M17,130 L10,145 L17,140"fill="#62707E"/> <path d="M17,130 L17,134 L27,133 L28,130"fill="#62707E"/> <path d="M17,134 L25,140 L27,133"fill="#008000"/> <path d="M10,145 L18,144 L26,145 L25,140 L17,134 L17,140"fill="#708090"/> <path d="M25,140 L26,145 L33,144 L27,133"fill="#778899"/> <path d="M27,133 L33,144 L37,145 L28,130"fill="#696969"/> <path d="M4,130 L2,140 L10,145" fill="#A9A9A9"/> <path d="M2,140 L8,149 L10,145" fill="#A9A9A9"/> <path d="M8,149 L32,155 L37,145 L33,144 L26,145 L18,144 L10,145" fill="#696969"/> <path d="M32,155 L42,149 L37,145" fill="#707070"/> <path d="M2,140 L4,153 L8,149" fill="#808080"/> <path d="M8,149 L4,153 L9,153" fill="#605A61"/> <path d="M8,149 L9,153 L38,165 L32,155" fill="#626262"/> <path d="M10,158 L10,164 L14,166 L18,164 L18,157 L14,155" fill="#4D4148"/> <path d="M18,157 L18,164 L22,162 L21,158" fill="#CD853F"/> <path d="M9,153 L10,158 L14,155" fill="#696969"/> <path d="M4,153 L8,165 L10,164 L10,158 L9,153" fill="#A9A9A9"/> <path d="M8,165 L14,169 L18,168 L22,162 L14,166 L10,164" fill="#696969"/> <path d="M18,168 L38,165 L21,158 L22,162" fill="#525252"/> <!-- rock2 --> <!-- rock3 --> <path d="M28,130 L46,128 L49,136 L31,135" fill="#6D7799"/> <path d="M34,140 L44,135.75 31,135" fill="#616A89"/> <path d="M34,140 L37,145 L44,135.75" fill="#6D7799"/> <path d="M49,136 L44,135.75 L45,143 L53,144" fill="#616A89"/> <path d="M49,136 L44,135.75 L37,145 L53,144 L45,143" fill="#445E89"/> <path d="M37,145 L42,149 L56,148 L53,143" fill="#7B6272"/> <path d="M42,149 L52,148.25 L55,153 L47,155" fill="#008000"/> <path d="M32,155 L54,160 L55,153 L47,155.15 L42,149" fill="#687980"/> <path d="M52,148.25 l4,-0.25 l4,6 l-1,6" fill="#536167"/> <path d="M54,160 l5,-0.25 l-4,-7" fill="#414C51"/> <!-- rock3 --> <!-- rock4 --> <path d="M32,155 L38,165 L42,166 L54,160 L48,158" fill="#00adb5"/> <path d="M42,166 L58,168 L59,160 L54,160" fill="#aad8d3"/> <path d="M59,160 L58,168 L63,166" fill="#708090"/> <path d="M60,154 L63,166 L59,160" fill="#778899"/> <path d="M38,165 L42,176 L63,166 L58,168 L42,166" fill="#778899"/> <path d="M14,169 L38,165 L42,176" fill="#808080"/> <path d="M14,169 L42,176 L20,183" fill="#A9A9A9"/> <path d="M14,169 L14,190 L20,183" fill="#808080"/> <path d="M8,165 L14,185 L14,169" fill="#696969"/> <path d="M14,190 L45,184 L42,176 L20,183" fill="#696969"/> <path d="M42,176 L45,184 L58,168" fill="#808080"/> <path d="M58,168 L45,184 L63,166" fill="#545454"/> <!-- rock4 --> <!-- water --> <path d="M46,128 L55,125 L49,136" fill="#87CEEB"/> <path d="M60,138 L55,125 L49,136" fill="#00BFFF"/> <path d="M60,138 L53,145 L49,136" fill="#1E90FF"/> <path d="M60,138 L53,145 L65,150" fill="#00BFFF"/> <path d="M65,150 L53,145 L60,154" fill="#ADD8E6"/> <path d="M60,154 L63,166 L67,163" fill="#B0C4DE"/> <path d="M65,150 L60,154 L67,163" fill="#87CEEB"/> <path d="M65,150 L70,160 L67,163" fill="#00BFFF"/> <!-- water --> <!-- glass --> <path d="M55,125 L73,119 L60,138 "fill="#006400"/> <path d="M73,119 L80,115 L100,120"fill="#008000"/> <path d="M73,119 L60,138 L100,120"fill="#228B22"/> <path d="M100,120 L120,140 L60,138" fill="#006400"/> <path d="M60,138 L80,138 L70,160"fill="#696969"/> <path d="M80,138 L100,139 L70,160"fill="#808080"/> <path d="M120,140 L100,139 75,151 L130,160"fill="#A9A9A9"/> <!-- glass --> <!-- water --> <path d="M81,152 L100,170 L130,160" fill="#1E90FF"> <animate attributeName="fill" values="#AFEEEE;#20B2AA;#5F9EA0" dur="5s" repeatCount="indefinite"/> </path> <path d="M81,152 L70,160 L100,170" fill="#ADD8E6"> <animate attributeName="fill" values="#B0E0E6;#008B8B;#8FBC8B" dur="15s" repeatCount="indefinite"/> </path> <path d="M70,160 L59,170 L100,170"fill='#6495ED'> <animate attributeName="fill" values="#B0E0E6;#66CDAA;#5F9EA0" dur="15s" repeatCount="indefinite"/> </path> <path d="M45,184 L130,180 L130,160 L100,170 L59,170"fill="#00CED1"> <animate attributeName="fill" values="#40E0D0;#008080;#2F4F4F" dur="15s" repeatCount="indefinite"/> </path> <path d="M14,190 L0,200 L50,200 L46,183" fill="#5F9EA0"/> <path d="M46,183 L50,200 L80,200 L90,182" fill="#00CED1"/> <path d="M90,182 L120,200 L130,180" fill="#48D1CC"/> <path d="M90,182 L120,200 L80,200" fill="#40E0D0"/> <!-- water --> <!-- human --> <path d="M80,110 L83,120 L75,120" fill="#DC143C"/> <circle cx=80 cy=110 fill="#000000" r="3"/> <circle cx=80 cy=113 fill="#000000" r="1"/> <circle cx=80 cy=115 fill="#000000" r="1"> <animate attributeName="cx" values="80;81;79;81;80" dur="6s" repeatCount="indefinite"/> </circle> <circle cx=82 cy=117 fill="#000000" r="1"> <animate attributeName="cx" values="81;82;78;82;81" dur="6s" repeatCount="indefinite"/> </circle> <!-- human --> <!-- 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" style="opacity:.5"/> --> </svg> <img src="https://i.imgur.com/EZTobP9.jpg"> </body> </html>