navbar 애니메이션

<style>
  div {
  transform-origin: 0 100%;
  width: 100px;
  height: 100px;
  background: #ff6666;
  transition: transform .5s;
  transform: scaleY(0);
}
body:hover div {
  transform: scaleY(1);
}
  </style>
 </head>
 <body>
    <div>
        <table border='1'>
            <tr>
                <td>웹디자인1</td>
            </tr>
                <tr>
                <td>웹디자인2</td>
            </tr>
                <tr>
                <td>웹디자인3</td>
            </tr>

        </table>
    </div>  
</body>