Hello World! (Copy 7640)

✨ Thanawat Kemwat

<html>
<head>
	<title>Let's Start</title>
  <style>
    body{
      background:#eee;
      margin:1em;
      font-family:sans-serif;
    }
    #deenlovefaii2021:hover path{
    transition:all .3s cubic-bezier(.25,.82,.19,1.43)
    }
    #deenlovefaii2021 path{
    transition:all .5s ease
    }
    #deenlovefaii2021:hover #top{
      d:path("m7 7 h30 l-5,20 h-30 z") !important;
      
    }
    #deenlovefaii2021:hover #side-1{
      d:path("m5 30 h30 l-3-3 h-30 z") !important;
      
    }
    #deenlovefaii2021:hover #side-2{
      d:path("m40 10 l-3 -3 l-5 20 l3 3 z") !important;
      
    }
  </style>
</head>
<body>

  <svg viewbox="0 0 100 100">
    <g  id="deenlovefaii2021">
      
      <path id="side-1" fill="blue" stroke="blue" stroke-width="0" d="
                           m5 30 h30 l0 0 h-30 z
                           "></path>
      <path id="side-2" fill="#f004" stroke="purple" stroke-width="0" d="
                           m40 10 l0,0 l-5 20 l0,0 z
                           "></path>
      
  <path id="top" fill="#ff08" stroke="yellow" stroke-width="0" d="
                           m10 10
                           h30
                           l-5,20
                           h-30 
                           z
                           "></path>
      </g>
  </svg>
  </body>
</html>