Added hover functionality

hamburger.html

@@ -14,7 +14,7 @@
             justify-content: center;
             height: 100vh;
             margin: 0;
-            background-color: #f0f0f0;
+
         }
         #divSvgOut {
             display: flex;
@@ -70,6 +70,9 @@
         <button onclick="animateTo('carrot_left')">Carrot Left</button>
         <button onclick="animateTo('carrot_up')">Carrot Up</button>
         <button onclick="animateTo('carrot_down')">Carrot Down</button>
+        <button onclick="animateTo('circle')">Circle</button>
+        <button onclick="animateTo('doughnut')">Doughnut</button>
+        <button onclick="animateTo('moon')">Moon</button>
     </div>
     <div style="margin-top: 20px; padding: 10px; border: 1px solid #ccc; background-color: #f9f9f9; width: 400px; height: 200px; overflow: auto;">
         <textarea id="svgCode" style="font-size: 12px; width: 100%; height: 150px; margin: 0; font-family: monospace;"></textarea>