延迟CSS转换2秒

OK So I have created a button that displays a menu on hovering over it. And the menu is hid as soon as the mouse is moved away from the button. Which is perfect, but the menu should not disappear when I am moving away from mouse to the menu itself. Which is also happening, but I have created a bounce effect using css to make it a little more stylish and if i try to hover my mouse on the menu before the animation takes place, the menu gets hides again, because of the gap between menu and button during the bounce action, so I wanted to delay the hiding for 2 secs, so that even if someone goes on button and tries to move over menu it should wait atleast 2 secs before disappearing. OK So I have created a button that displays a m