css3实现鼠标移上去隐藏提示框由上到下滑动效果

如何​利用css3实现鼠标移上去隐藏提示框由上到下滑动效果，下面编程教程网小编给大家详细介绍一下具体实现代码！

具体实现代码如下：

div{
  max-height: 0;
  transition: 1s
}
.box:hover div{
  max-height: 500px; //不能设置固定值
}