Hello World! (Copy 8215) (Copy 8246)

✨ elzaphaN TV

<html>
<head>
<title>ฟ้า พุทธิมา เดชดำนิล (63070127)</title>
</head>
<style>

body{	
  animation:bg 10s linear infinite alternate;
  
  margin:0;}
  
  @keyframes bg{
	 0%{background: hsl(0, 50%, 80%)}
    10%{background: hsl(70, 50%, 80%)}
    30%{background: hsl(90, 50%, 80%)}
    60%{background: hsl(120, 50%, 80%)}
    90%{background: hsl(180, 50%, 80%)}
    100%{background: hsl(250, 50%, 80%)}
  }
svg{
	width:100%;
  
}
  path, rect{
	transition: 1s;
  }
  
</style>
<body>

t
    <rect x="39.5" y="64" width="3.5" height="11"fill="black">
	 	<animate attributeName="fill" 
            values="red;blue;red" 
            dur="12s"
            repeatCount="indefinite" />     
    </rect>  
    <rect x="36" y="61.5" width="11" height="4"fill="black">
        <animate 
               attributeName="fill" 
               values="red;blue;red" 
               dur="12s" 
               repeatCount="indefinite" />
      </rect>  
      o
    <rect x="49" y="61.5" width="11" height="13"fill="black">
<animate 
               attributeName="fill" 
               values="red;blue;red" 
               dur="12s" 
               repeatCount="indefinite" />    </rect>
    <rect x="52" y="65.5" width="5" height="5" fill="hsl(49,100%, 50%"  id="t2"/>

r
    <rect x="64" y="61.5" width="3.5" height="13.5"fill="black">
    <animate 
               attributeName="fill" 
               values="red;blue;red" 
               dur="12s" 
               repeatCount="indefinite" />
    </rect>
      
    <rect x="64" y="61.5" width="10" height="4"fill="black">
    <animate 
               attributeName="fill" 
               values="red;blue;red" 
               dur="12s" 
               repeatCount="indefinite" />
    </rect>
    <rect x="64" y="67.4" width="10" height="3"fill="black">
    <animate 
               attributeName="fill" 
               values="red;blue;red" 
               dur="12s" 
               repeatCount="indefinite" />
    </rect>
    <rect x="73" y="61.5" width="3" height="8.9"fill="black">
    <animate 
               attributeName="fill" 
               values="red;blue;red" 
               dur="12s" 
               repeatCount="indefinite" />
    </rect>
    <rect x="70.5" y="70" width="3.5" height="5"fill="black">
    <animate 
               attributeName="fill" 
               values="red;blue;red" 
               dur="12s" 
               repeatCount="indefinite" />
    </rect>

o
  	 <rect x="79" y="61.5" width="11" height="13">
    <animate 
               attributeName="fill" 
               values="red;blue;red" 
               dur="12s" 
               repeatCount="indefinite" />
      </rect>

</g>
    </svg>
</body>
  <script>
    function change(){

t1.style.fill = `hsl(14,88%, 54%)`
      t2.style.fill = `hsl(14,88%, 54%)`
      t3.style.fill = `hsl(14,88%, 54%)`
      z1.style.fill = `white`
      z2.style.fill = `white`
      a1.style.fill = `red`
      a2.style.fill = `green`
      a3.style.fill = `blue`
      a4.style.fill = `white`
      a5.style.fill = `purple`
      a6.style.fill = `brown`
      a7.style.fill = `pink`
      a8.style.fill = `yellow`
      a9.style.fill = `yellow`
      a12.style.fill = `DarkGreen`
      a13.style.fill = `DarkSlateBlue`
      a14.style.fill = `Cyan`
      a15.style.fill = `Gold`
      a16.style.fill = `IndianRed`
      a17.style.fill = `Coral`
      a18.style.fill = `Maroo`
      a19.style.fill = `DarkViolet`
      a20.style.fill = `Peru`
      a21.style.fill = `PowderBlue`
      a22.style.fill = `CadetBlue`
      a23.style.fill = `RosyBrown`
      a24.style.fill = `Burlywood`
      a25.style.fill = `OliveDrab`
      a26.style.fill = `gray`
      a27.style.fill = `red`
      a28.style.fill = `limegreen`
      a29.style.fill = `MistyRose`
      a30.style.fill = `Moccasin`
      a31.style.fill = `Gainsboro`
      a32.style.fill = `SteelBlue`
      a33.style.fill = `Tomato`
      a35.style.fill = `#FFFACD`
      a36.style.fill = `Wheat`
      a37.style.fill = `OrangeRed`
      a38.style.fill = `Chocolate`
      a39.style.fill = `LightYellow`
      a40.style.fill = `Orchi`
      a41.style.fill = `gray`
      a98.style.fill = `#D02090`
      a99.style.fill = `deeppink`
      a88.style.fill = `hsl(14,88%, 54%)`
      
    }
  </script>
</html>+