css下移动画该怎么实现呢？

Question

效果如图所示：

点击的时候会显示一个框，这个框我用的是显示隐藏实现的，没有动画效果。现在产品要求点击的时候框要有下移动画，关闭的时候有上移动画。这个该怎么实现呀？